语义化你的HTML标签和属性.doc

语义化你的HTML标签和属性
语义化你的HTML标签和属性分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。其次，语义化的网页的好处，最主要的就是对搜索引擎友好，又了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。具体的语义和用途在，XHTML1.0 TAG 参考中都已经说明，这里将一些容易遗忘或者混淆的TAGS和属性予以补充。、、、、、,作为标题使用，并且依据重要性递减。是最高的等级。
例如:CODE:
文档标题
次级标题而不要使用
文档标题，或者文档标题.很明显搜索引擎对于后者是不会认为他是标题的。段落标记，知道了作为段落，你就不会再使用来换行了，而且不需要来区分段落与段落。中的文字会自动换行，而且换行的效果优于。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。
例如：CODE:

多年来，蓝色理想的内容不断充实，先后被国内一些知名网站、传统媒体重点推介过，并陆续被Google、百度、雅虎、搜狐、新浪、Excite等各大搜索站点收藏，并在Google、百度、Yahoo三大搜索引擎中以简体汉字关键词"网站设计与开发”搜索排名均为第一，现在蓝色理想已发展成为国内影响最大的网站设计、开发的专业网站之一。<、使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。其次，语义化的网页的好处，最主要的就是对搜索引擎友好，又了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。具体的语义和用途在，XHTML1.0 TAG 参考中都已经说明，这里将一些容易遗忘或者混淆的TAGS和属性予以补充。、、、、、,作为标题使用，并且依据重要性递减。是最高的等级。
例如:CODE:
文档标题
次级标题而不要使用
文档标题，或者文档标题.很明显搜索引擎对于后者是不会认为他是标题的。段落标记，知道了作为段落，你就不会再使用来换行了，而且不需要来区分段落与段落。中的文字会自动换行，而且换行的效果优于。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。
例如：CODE:

多年来，蓝色理想的内容不断充实，先后被国内一些知名网站、传统媒体重点推介过，并陆续被Google、百度、雅虎、搜狐、新浪、Excite等各大搜索站点收藏，并在Google、百度、Yahoo三大搜索引擎中以简体汉字关键词"网站设计与开发”搜索排名均为第一，现在蓝色理想已发展成为国内影响最大的网站设计、开发的专业网站之一。<、导航链接仍然很好使，就是美观方面差了一点。
例如:CODE:

项目一
项目二
项目三
CODE:
产生了巨大的轰动效应。
周润发
和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。
风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标。
入单行的引用内容，那么就可以用CSS来给引用设计样式了，但是这个没有语义上的意义。 您可以读读Mark Pilgrim写的The Q tag (http://diveintomark.org/archives/2002/05/04/the_q_tag )关于处理相关问题的看法。
对于那些一段或者好几段的长篇引用，就应当使用 容的来源地址。需要注意的是，如果你使用 来代替 标记引用内容,那么你就不能使用 cite属性了。例如:CODE:
Designing with Web Standards is an excellent book by Jeffrey Zeldman.CODE:
孔子曰：学而不思则罔，思而不学则殆.CODE:
The W3C says that The presentation of phrase elements
depends on the user agent..CODE:
技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；
针对某种浏览器的 DHTML 特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。
这是一种恶性循环，是一种巨大的浪费。”
那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。
例如:CODE:
强调 的文本通常用斜体显示，
然而， 特别强调 的文本通常以粗体显示。、、、< caption >、 summaryXHTML中的表格不应用来布局。然而如果是为了标记列表的数据，就应该使用表格了。为表格标题，属性summar为摘要，标签为首部说明，标签为表格头部，标签为表格主体内容，标签为表格尾部。
其中还可以使用scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：
　row 指示当前单元格为包含当前单元格的行提供相关的表头信息。
　col 指示当前单元格，为根据当前单元格指定的列提供相应的表头信息。
　rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。
　colgroup 指示当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。
abbr 用于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略形式。
例如:CODE:

Table 1: Power Mac G5 tech specs

Configurations Dual 1.8GHz
Dual 2GHz
Dual 2.5GHz

Model
M9454LL/A M9455LL/A
M9457LL/A

G5 Processor
Dual 1.8GHz PowerPC G5
Dual 2GHz PowerPC G5 Dual 2.5GHz PowerPC G5

Frontside bus
900MHz per processor
1GHz per processor
1.25GHz per processor

Level2 Cache
512K per processor
512K per processor
512K per processor
CODE:
Internet Explorer is the most popular browser used underwater., l>知道del，就不要再用做删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。
例如：CODE:
It really was very good.
表示是计算机代码。而默认样式为打字体。技术论坛和blog中经常遇到。
例如：CODE:
p{margin:2px 0;}、标签是表示web页面上的简称，标签为取首字母缩写。（注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩
写用标签）Windows的IE6.0以下的浏览器暂不支持标签。 在IE里，你可以应用CSS给但是不能应用给标签，
IE会为标签的title属性显示提示，但是会忽略标签。
解决方法见: http://www.w3cn.org/article/translate/2005/115.html
例如:CODE:
CSSCODE:
CSSalt属性和title属性title属性用来为元素提供额外说明信息title属性可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签。但是并不是必须的。
alt属性为不能显示图像、窗体或applets的用户代理（UA），指定替换文字。替换文字的语言由lang属性指定。CODE:
CODE:
js获取单选按钮的数据