1.带有语义的标记
代码 1:
<br><br>
<b> <font size="2"> 大家好 </font> </b>
<br><br>
<font size="2" > 图片的好处</font>
代码 2:
<div id="family">
<h3> 大家好 </h3>
<p> 图片的好处 </p>
</div>
达到的效果是一样的?你说 是不是?
2.选择 DOCTYPE
最开始 声明DOCTYPE 文档类型 (document type)
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml/dtd/xhtml1-strict/dtd">
3.指定语言和字符集
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<meta http-equiv="content-type" content="text/html" charset=utf-8>
4.指定 标题 <title></title> ---保存在收藏夹时 title中的内容将作为链接的描述同样保存在访问者的浏览器中
搜索引擎会对标题进行搜索。
5.恰当使用标记:
如 可以只要一个标记 不要样式就可以 达到的效果 ,就不要用其他的标记再加上样式。
这样会加重 代码的维护量和整洁行 。
6.避免过度使用div和span 空间模块
最好是1到3个dib或者span 来包括其他的标记。
7.尽量能少使用标签。 标签使用的越少越好。为了保持文档小巧。下载速度快。维护更加的容易。改版
---体现在文档的解析上
8.适当的使用class和ID
为元素添加表示作用的属性可以让你在稍后容易第将元素与css或者javascript关联起来/
Class 是一类可以重用的属性.能够被重复的应用到页面中任何元素上。而ID则是独一无二的。同一个 ID在每个页面上 只能出现一次。