HTML结构语义化有哪些优点

本篇内容主要讲解“HTML结构语义化有哪些优点”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML结构语义化有哪些优点”吧!

　　为什么要web语义化？

　　首先，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。

　　所有的标签都是有自己的语义的，下面给出一部分标签的语义：

　　p语义：pision(分隔)

　　span语义：Span(范围)

　　ol语义：OrderedList(排序列表)

　　ul语义：UnorderedList(不排序列表)

　　li语义：ListItem(列表项目)

　　如果无视标签语义和默认样式，所有标签都用p，其实也是可以写出来视觉效果很好的页面，只要你灵活运用CSS。但是那样的话虽然视觉上达到了要求，但是整个页面一点语义都没有，搜索引擎还是看不懂。所以，要记住：

　　结构(html)才是重点，样式(css)是用来修饰结构的。所以，要先确定html，确定标签，再来选用合适的css

　　其次，SEO的时候我们经常用h2来突出标题，用strong来突出关键字，这确实就是语义化的体现。就目前的搜索引擎来说并不能想访客那样很直观的去查看网页，它只有分析源码来体现或猜测网站要表达的内容。比如我们想表达某篇文章的标题，我们或许会这样写：

　　<pid=”title”>文章的标题</p>

　　访客或许能理解我们的意思，但搜索引擎就要反复揣摩了，更好的讨好搜索引擎我们可以这样来写：

　　<h2>这是标题</h2>

　　小提示：h2拥有最高的权值，在一个页面中最好指使用1个h2来突出你的内容，太多的h2会分散其整个页面的权重，对搜索引擎也是非常的不友好。

　　语义化优点：

　　易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。

　　有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。

　　方便其他设备解析，如盲人阅读器根据语义渲染网页

　　有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。

到此，相信大家对“HTML结构语义化有哪些优点”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！