<1>声明<!DOCTYPE html>
防止浏览器的怪异模式,强制浏览器按照什么DTD标准模式渲染网页!
doctype 声明是不区分大小写的,用来告知 Web 浏览器页面使用了哪种 HTML 版本
在HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (Document Type Definition)
(文档类型声明)
因为 HTML 4.01 是基于 SGML(Standard Generalized Markup Language) 标准通用标记语言)
注意:千万不要写错声明
<2>不要忘记结束标签
即使你忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:
例子:
<p>这是一个段落
</p>这是一个段落
以上实例在浏览器中也能正常显示,因为关闭标签是可选的。
尽管目前浏览器是识别有些标签不闭合的情况,
但不要依赖这种做法。取最好的保证兼容性,使用闭合,
因为忘记使用结束标签会产生不可预料的结果或错误,所以大家要在平时就注意到这点,避免出现错误,养成良好的习惯
<3> 标签写法要用小写字母
HTML 提示:建议使用小写标签
虽然说HTML 标签对大小写不敏感:
<P> 等同于 <p>
但是
万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来的HTML(X) 版本中强制使用小写,所以建议大家都使用小写,避免以后难以改正
<4>HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的
例如:
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
虽然 <br> 在所有浏览器中都是有效的,但使用 </br > 是更长远的保障
<5>谨慎使用iframe
iframe有两个缺点:
会阻塞主页面的Onload事件
iframe和主页面共享连接池,尔浏览器对相同域的连接有限制,所以会影响页面的并行加载
所以在使用iframe之前这两点都是我们应该要考虑到的
<6> 精简HTML代码
代码的精简程度,很大程度上决定了总体操作时间
越精简的HTML代码,页面的传输的时间就会越短,
页面的渲染的时间也会更快,相应的用户体验就会越好,
所以很有必要精简页面加载的HTML代码