前两天加入了公司组织的一个 WD 培训，有一节课讲了标签语义化，听了之后感受出格有用，更正了我以前对 HTML 和 CSS 的错误观点。首先声名的一点是，人可以经由过程视觉的划分判定内容的语义,搜索引擎看到的只是代码。搜索引擎只能经由过程标签来判定内容的语义。 以前我真的没有怎么正视过搜索引擎，此刻起头斗劲在意了，因为页面的很年夜一部门流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。以前以我对 web 开发的粗浅理解，感受写一个好的合适尺度的页面只需要把结构和默示分手，然后不要使用 table，font 等标签就行了，至于通篇都是 div 我也不会感受有侍趵硎题，因为 CSS 很强年夜。可是，所有的标签都是有自己的语义的，下面给出一部门标签的语义：div 语义：(分隔)span 语义：Span(规模)ol 语义： List(排序列表)ul 语义： List(不排序列表)li 语义：List Item(列表项目)…………如不美观无视标签语义和默认样式，所有标签都用 div，其实也是可以写出来视觉效不美观很好的页面，只要你矫捷运用 CSS。可是那样的话虽然视觉上达到了要求，可是整个页面一点语义都没有，搜索引擎仍是看不懂。所以，要记住：结构(html)才是重点，样式(css)是用来润色结构的。所以，要先确定 html，确定标签，再来选用合适的css。一般来说，所有的标签城市有一个默认的样式，所以一个简单的判定网页标签语义是否精采的体例就是：去失踪样式，看网页结构是否组织精采有序，是否仍然有很好的可读性。此外，值得重点说起的是 h 标签，h 标签的语意是问题，搜索引擎对这个标签斗劲敏感，出格是 h1,和h2。一个语义精采的页面，h 标签应该是完整有序没有断层的。也就是说，要 h1,h2,h3,h4 这样推下来，不要 h1,h3,h4，漏失踪 h2。一个结构精采的网页，h 标签可以组织起一个网页的纲要。以上这些工具都是 WD 的工程师阿当讲的，我受益匪浅，加深了对 html 的理解。HTML 虽然很简单，可是要用好也是很不轻易的。