Web语义化详解

1.1概述

Web语义化主要包括：HTTP语义化、HTML语义化和CSS命名语义话。

1.2HTTP语义化

HTTP语义化是针对HTTP协议的。主要包括path路径语义话和HTTPmethod语义话。

1.3HTML语义化

1.3.1概述

对于HTML体系而言，Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和机器都容易理解。

语义化标签使浏览器搜索引擎更快的捕捉到标签的内容，也使维护人员更好的维护代码，看到标签就知道标签里面实现的业务。

1.3.2HTML的作用

HTML的作用是提供网页文档内容的上下文结构和含义，其本身是没有表现的。如<h1>标签的表现样式是粗体，字体大小2em，其样式不是HTML的表现，而是HTML默认的CSS样式在起作用。

HTML应该是完全脱离表现信息的，其中的标签应该都是语义化地定义了文档的结构。

1.3.3HTML语义化的要求

显示二维数据时推荐用<table>标签，而不该在整个网页上套用<table>标签。

反对使用无语义化的<div>和<span>而使用HTML定义好的语义化标签。

1.4CSS命名语义化

1.4.1概述

CSS语义化的命名是指用易于理解的名称对html标签附加的class或id命名。

1.4.2命名规则

尽量规避拼音命名，用英文单词命名。

单词之间连接用三种方式：下划线_、间隔符-、驼峰命名。具体使用哪种方式请根据团队的规范，但建议不要同时使用2种以上的连接方法同时命名。

单词后不要跟无意义的数字，如logo1234(团队约定好的除外)。

对于过长单词的连接命名可采取缩写形式，但应确保成员都能看懂。