首页 / 知识
HTML关于结构语义化的问题
2023-04-11 15:17:00
为什么要web语义化？
首先，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。
所有的标签都是有自己的语义的，下面给出一部分标签的语义：
p语义：pision(分隔)
span语义：Span(范围)
ol语义：OrderedList(排序列表)
ul语义：UnorderedList(不排序列表)
li语义：ListItem(列表项目)
如果无视标签语义和默认样式，所有标签都用p，其实也是可以写出来视觉效果很好的页面，只要你灵活运用CSS。但是那样的话虽然视觉上达到了要求，但是整个页面一点语义都没有，搜索引擎还是看不懂。所以，要记住：
结构(html)才是重点，样式(css)是用来修饰结构的。所以，要先确定html，确定标签，再来选用合适的css
其次，SEO的时候我们经常用h1来突出标题，用strong来突出关键字，这确实就是语义化的体现。就目前的搜索引擎来说并不能想访客那样很直观的去查看网页，它只有分析源码来体现或猜测网站要表达的内容。比如我们想表达某篇文章的标题，我们或许会这样写：
<pid=”title”>文章的标题</p>
访客或许能理解我们的意思，但搜索引擎就要反复揣摩了，更好的讨好搜索引擎我们可以这样来写：
<h1>这是标题</h1>
小提示：h1拥有最高的权值，在一个页面中最好指使用1个h1来突出你的内容，太多的h1会分散其整个页面的权重，对搜索引擎也是非常的不友好。
语义化优点：
易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。
有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。
方便其他设备解析，如盲人阅读器根据语义渲染网页
有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。
本文转载自中文网 |
最新内容
相关内容
python如何读取列表中元素的位置?
python如何读取列表中元素的位置?，位置，数据，异常，培训，字符串，元素，索引，方法，示例，结果，python读取列表中元素位置的方法：1、使用index()方
python中获取路径的三种方法
python中获取路径的三种方法，工作，代码，情况，培训，下来，路径，文件，也就是，桌面，目录，python中获取路径总结下来分为三种情况：1、获取工作目录
python如何调用另一个文件夹中的内
python如何调用另一个文件夹中的内容?，系统，培训，文件，模块，内容，路径，函数，所在，前缀，语句，python中调用另外一个文件夹中的内容：1、同一文件
如何在python代码中指定保存的文件
如何在python代码中指定保存的文件格式，代码，培训，文件格式，格式，二进制文件，文件，后缀，以上，方法，更多，python指定保存文件格式的方法：1、保
Python如何复制文件中的内容
Python如何复制文件中的内容，盘中，数据，培训，文件，内容，方法，文件夹，路径，源文件，文件名，python复制文件中内容的方法：1、使用shutil.copyfile
实数是不是python的数据类型?
实数是不是python的数据类型?，数字，标准，培训，实数，数据类型，数轴，复数，有限小数，无理数，虚数，实数是python的数据类型。实数，是有理数和无理
python读入不定行字符的问题
python读入不定行字符的问题，培训，字符，问题，方法，头尾，示例，空格，字符串，序列，结尾，python读入不定行字符的问题解决：stdin.readline()会读取
python为什么不适合web开发
python为什么不适合web开发，平台，培训，一致，环境，代码，技术，业务，性能，虚拟机，进程，python不适合web开发的原因：1、性能堪忧。写个httpserverpython中的int是什么意思?
python中的int是什么意思?，数字，数据，培训，字符串，参数，语法，实例，以下，方法，函数，python中的int()函数用于将一个字符串或数字转换为整型。
python中怎么将元组、字典转化为列
python中怎么将元组、字典转化为列表，培训，列表，字典，方法，元素，示例，中将，语法，以上，参数，python中将元组、字典转化为列表的方法：python中可
Python库与模块的区别是什么?
Python库与模块的区别是什么?，名称，概念，标准，机构，培训，名字，代码，模块，区别，函数，python库与模块的区别是：模块、库主要区别在于他们的定义
安装Python需要JDK吗
安装Python需要JDK吗，百度，设备，软件，标准，平台，培训，工具，系统，环境，产品，不需要。Python是一门编程语言，JDK是Java编程语言的软件开发工具包