Web语义化详解

Web语义化详解

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