永远使用小写字母,让引号伴随者属性: 所有元素和属性的名字都必须使用小写,所有属性值必须使用双引号。
错误: <A HREF="index.html" CLASS=internal>
正确: <a href="index.html" class="internal">
关闭所有的元素:在HTML中一些元素没有必要被关闭。当下一个元素开始的时候,上一个元素就自动被关闭。XHTML中是不允许这样的。所有元素都必须被关闭,即使其中没有内容(如 <img>)
错误: <li>Item 1
正确: <li>Item 1</li>
错误: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
正确: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
错误: <br>
正确: <br />
错误: <img src="/UploadFiles/2021-04-02/image.jpg">正确: <img src="image.jpg">
属性不能被缩减: 在HTML里,一些属性可以被缩减。而XHTML则不允许这样做。
错误: <input type="checkbox" id="checkbox1" name="checkbox1" checked>
正确: <input type="checkbox" id="checkbox1" name="checkbox1" checked="checked" />
不要使用被排斥的元素: 一些元素和属性在HTML 4.01 Transitional和XHTML 1.0 Transitional是被允许的,而在XHTML 1.0 Strict下则不被支持(还有in HTML 4.01 Strict)。比如<font>、<center>、 alink、align、width、 height (对于某些元素)和 background。
不允许span元素缺少以下其中一个开始标签"p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del"
表单(表单元素必须存在容器内):
<form> 错误
<input />
</form>
<form> 正确
<div>
<input />
</div>
</form>
错误: <A HREF="index.html" CLASS=internal>
正确: <a href="index.html" class="internal">
关闭所有的元素:在HTML中一些元素没有必要被关闭。当下一个元素开始的时候,上一个元素就自动被关闭。XHTML中是不允许这样的。所有元素都必须被关闭,即使其中没有内容(如 <img>)
错误: <li>Item 1
正确: <li>Item 1</li>
错误: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
正确: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
错误: <br>
正确: <br />
错误: <img src="/UploadFiles/2021-04-02/image.jpg">正确: <img src="image.jpg">
属性不能被缩减: 在HTML里,一些属性可以被缩减。而XHTML则不允许这样做。
错误: <input type="checkbox" id="checkbox1" name="checkbox1" checked>
正确: <input type="checkbox" id="checkbox1" name="checkbox1" checked="checked" />
不要使用被排斥的元素: 一些元素和属性在HTML 4.01 Transitional和XHTML 1.0 Transitional是被允许的,而在XHTML 1.0 Strict下则不被支持(还有in HTML 4.01 Strict)。比如<font>、<center>、 alink、align、width、 height (对于某些元素)和 background。
不允许span元素缺少以下其中一个开始标签"p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del"
表单(表单元素必须存在容器内):
<form> 错误
<input />
</form>
<form> 正确
<div>
<input />
</div>
</form>