[align=center]Web语义化详解[/align]
[b]1.1概述[/b]
Web语义化主要包括:HTTP语义化、HTML语义化和CSS命名语义话。
[b]1.2 HTTP语义化[/b]
HTTP语义化是针对HTTP协议的。主要包括path路径语义话和HTTP method语义话。
[b]1.3 HTML语义化[/b]
[b]1.3.1概述[/b]
对于HTML体系而言,Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和机器都容易理解。
语义化标签使浏览器搜索引擎更快的捕捉到标签的内容,也使维护人员更好的维护代码,看到标签就知道标签里面实现的业务。
[b]1.3.2 HTML的作用[/b]
HTML的作用是提供网页文档内容的上下文结构和含义,其本身是没有表现的。如<h1>标签的表现样式是粗体,字体大小2em,其样式不是HTML的表现,而是HTML默认的CSS样式在起作用。
HTML应该是完全脱离表现信息的,其中的标签应该都是语义化地定义了文档的结构。
[b]1.3.3 HTML语义化的要求[/b]
显示二维数据时推荐用<table>标签,而不该在整个网页上套用<table>标签。
反对使用无语义化的<div>和<span>而使用HTML定义好的语义化标签。
[b]1.4 CSS命名语义化
1.4.1概述[/b]
CSS语义化的命名是指用易于理解的名称对html标签附加的class或id命名。
[b]1.4.2命名规则[/b]
尽量规避拼音命名,用英文单词命名。
单词之间连接用三种方式:下划线_、间隔符-、驼峰命名。具体使用哪种方式请根据团队的规范,但建议不要同时使用2种以上的连接方法同时命名。
单词后不要跟无意义的数字,如logo1234(团队约定好的除外)。
对于过长单词的连接命名可采取缩写形式,但应确保成员都能看懂。
[b]1.1概述[/b]
Web语义化主要包括:HTTP语义化、HTML语义化和CSS命名语义话。
[b]1.2 HTTP语义化[/b]
HTTP语义化是针对HTTP协议的。主要包括path路径语义话和HTTP method语义话。
[b]1.3 HTML语义化[/b]
[b]1.3.1概述[/b]
对于HTML体系而言,Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和机器都容易理解。
语义化标签使浏览器搜索引擎更快的捕捉到标签的内容,也使维护人员更好的维护代码,看到标签就知道标签里面实现的业务。
[b]1.3.2 HTML的作用[/b]
HTML的作用是提供网页文档内容的上下文结构和含义,其本身是没有表现的。如<h1>标签的表现样式是粗体,字体大小2em,其样式不是HTML的表现,而是HTML默认的CSS样式在起作用。
HTML应该是完全脱离表现信息的,其中的标签应该都是语义化地定义了文档的结构。
[b]1.3.3 HTML语义化的要求[/b]
显示二维数据时推荐用<table>标签,而不该在整个网页上套用<table>标签。
反对使用无语义化的<div>和<span>而使用HTML定义好的语义化标签。
[b]1.4 CSS命名语义化
1.4.1概述[/b]
CSS语义化的命名是指用易于理解的名称对html标签附加的class或id命名。
[b]1.4.2命名规则[/b]
尽量规避拼音命名,用英文单词命名。
单词之间连接用三种方式:下划线_、间隔符-、驼峰命名。具体使用哪种方式请根据团队的规范,但建议不要同时使用2种以上的连接方法同时命名。
单词后不要跟无意义的数字,如logo1234(团队约定好的除外)。
对于过长单词的连接命名可采取缩写形式,但应确保成员都能看懂。