众所周知,对于SEO来说HTML标准是不容忽视的,让HTML语义化,让搜索引擎爬虫更好的理解内容,是今后SEO研究的一个方向。昨晚一口气读完了《 Web标准实战》,就第一部分《重新审视HTML》写了篇小总结。
h1的合理使用,<h1>到<h6>表示标题的6个级别-重要性从高到低,如果在设计网页过程中,你觉得他的默认外观不好看,可以通过css轻松设置你想要的样式。依照W3C的规定,标题跳级不是好的做法,因为h1-h6就像是一个大纲,要保持各个级别的连贯顺序。
<table>里面不常用的一些标签:<caption>表格的标题,<table summary=”摘要”>表格摘要,<th>表头,<td headers=”">表头与数据的关系,<th abbr=”">改变语音合成器读出的内容,<thead>表头,<tfoot>表脚,<tbody>表体。
表格并非结构,在某些用途上是不可替代的,所以请不要绞尽脑汁用div代替table。
<blockquote>表示引用文本,当引用外界文字时,尽量用该标记
<lable>标签标记,用来标注表单控件
<dl><dt>来定义列表,在构建提交表单时,可以用该语法来代替<p>或者<table>等
<input tabindex=1>让用户使用键盘来移动表单控件的当前焦点
<lable for=”name” accesskey=”9″>Name:</lable><input type=”text” id=”name” name=”name”>,用户可以用Ctrl或者Alt键加上我们在代码中设置的9键,来切换焦点到这个输入框内。
在<form>中用<fieldset>将表单内容分组,当加上描述符<legent>之后,大多数浏览器上,都会在所分组的控件外围显示一条边框。
<strong>和<em>比<b>和<i>要好,因为前两者是表达意义,而后两者是表达外观。em表示强调,strong表示更加强调。
W3C在Html4.01规范中还定义了下列短语元素:<cite>包含引用信息或者对其他来源的参考说明;<dfn>表示所包含的是术语的定义。<code>指名一段计算机程序代码。<samp>指明一段程序或者脚本等的输出。<kdb>表示由用户输入的文本。<var>表示一个变量或者程序参数的实例。<abbr>表示一种简写形式,例如WWW。<acronym>表示只取首字母的缩写形式,例如WAC。
更好的锚点方法
<p><a href=”#oranges”>关于桔子</a></p>
… 文字 …
<a id=”oranges” name=”oranges”>桔子很可口</a>
… 更多的文字 …
给锚点加上title属性可以为这个链接所指向的目标提供丰富和明确的描述信息。
更多的列表,无序的列表使用<ul><li>,有序的列表使用<ol><li>,定义列表使用<dl><dt>(词条)<dd>(解释),你可以通过css中的list-style-type来改变它们的样式,甚至做到自定义,decimal数字型,upper-alpha大写字母型,lower-alpha小写字母型,upper-roman大写罗马数字,lower-roman小写罗马数字,none不显示。
精简HTML:使用class来定义样式;使用css的#来定义样式;去掉必要的<div>;