静态页面HTML中标签的优化（转）

静态页面HTML中标签的优化

(2010-04-03 20:54:06)

标签： 电脑 name 罗马数字 css 表单 杂谈

分类： 网页制作

从网上看了一篇关于静态页面中标签优化的问题，感觉还不错，所以就将它转到了自己博客里。

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