|
一些基本的HTML元素被滥用于与其不相关的页面布局 如<table>
编写合法的、带有良好结构的并拥有语义的HTML文档，在此坚固基础上应用各种css样式
创建良好的标记：
1、选择DOCTYPE，让浏览器或其他用户代理知道HTML语言的类型
Example:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2、指定语言和字符集
Examples:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
Sets the document's XML language, in this case the ISO code for English, en.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Assigns a character set to the document, in this case UTF-8.
3、指定标题
每个HTML页面都需要一个用来描述页面内容的<>元素。在访客收藏页面时，title会作为链接的描述保存到浏览器中。搜索引擎对title中包含的关键字格外感兴趣，好的title可以明显提高页面的在搜索引擎中的排名。网站的每个页面都应该有一个唯一的标题，标题应该极具描述性地概括页面的内容，而不是泛泛地介绍整个站点。
Example:<title>css Zen Garden: The Beauty in CSS Design</title>
4、使用适当的标签
根据文档内容结构选择HTML元素来标记文档，而不是根据样式选择。
如：用p元素包含文字段落，而不是为了换行；用blockquote包含被引用的文字，而不是为了得到缩进。找不到合适的可以描述结构的标签时，可以考虑使用通用的div或span元素。
Example:<h3>The Road to Enlightenment</h3>
and not:<code style="font-size: 1.5em;">The Road to Enlightenment</code> 5、避免多度使用div和span 6、尽可能少的使用标签 7、适当地使用class和id
|
