使用XHTML1.0 Strict中需要特别注意的地方
更新时间:2006年12月11日 00:00:00 作者:
永远使用小写字母,让引号伴随者属性: 所有元素和属性的名字都必须使用小写,所有属性值必须使用双引号。
错误: <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="image.jpg" alt="">
正确: <img src="image.jpg" alt="" />
属性不能被缩减: 在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="image.jpg" alt="">
正确: <img src="image.jpg" alt="" />
属性不能被缩减: 在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>
相关文章
提高网页的效率 Use YSlow to know why your web Slow
内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭(页面效率和搜索蜘蛛之间的关系,需要进一步的确认,此为和上篇保持统一); UE设计的再人性化的网站,如果用户连看都看不到也是空谈。2008-09-09
最新评论