vue语义化标签

什么是HTML语义化

每个HTML标签都有自己特定含义（语义），语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

语义化标签有哪些

< h1>~< h6>标签：标题标签，h1等级最高，h6等级最低

header元素：用于定义页面的介绍展示区域，通常包括网站logo、主导航、全站链接以及搜索框

nav元素：定义页面的导航链接部分区域

main元素：定义页面的主要内容，一个页面只能使用一次。

article元素：定义页面独立的内容，它可以有自己的header、footer、sections等

section元素：元素用于标记文档的各个部分，例如长表单文章的章节或主要部分

aside元素：一般用于侧边栏

footer元素：文档的底部信息

small元素：呈现小号字体效果

strong元素：用于强调文本

img标签的alt是一个替换属性，onerror事件是在原图片加载不出来的情况下，去拿另一张图片来替换

p1：涉及到搜索引擎是必须去写这个的

！不相关

语义化标签的好处

代码结构得到了优化，即使没有css，也能呈现出完整、清晰的结构，更加方便阅读和理解，同时提高了团队合作的效率

有利于搜索引擎的优化

爬虫依赖标签确定关键字的权重，可以帮助爬虫爬出更多有效信息

方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。

p1：多去使用语义化标签，让爬虫更精准的去知道我现在写的是什么

谨记语义化标签不要乱用