html语义化在前端学习中会经常出现，下面对html语义化做个总结
一、什么是HTML语义化
HTML语义化总的来说就是用正确的标签做正确的事。围绕着一些标签展开，如h1-h6。把适当的标签用在合适的地方。是页面结构更加的清晰。
二、html语义化有什么作用
1、使用html语义化，能使页面结构更清晰，便于解析。
2、有利于SEO。搜索引擎爬虫依赖于html标签来确定上下文和关键字权重。
3、使用html语义化，在没有css样式的时候页面也能正确清晰的呈现
4、有利于各种设备的解析，如盲人阅读器，屏幕阅读器
5、有利于团队合作开发与维护。
三、html5增加的语义化标签
1、<title></title>
页面的标题，具有唯一性，标题的取名尽量包含网页几个关键字。
2、<h1-h6></h1-h6>
用于分级标题，创建网页的层级关系。如果搜的的关键词与分级标题相匹配，则标题就会被赋予很高的权重。
3、<header></header>
网站的标志，主导航，搜索框等
4、<nav></nav>
网站的导航。
5、<mian></mian>
网页的主要内容，一个网页只能有一个
6、<article></article>
一个独立的容器，比如文档，网页，像报纸一样包起来。
7、<section><section>
网站相似主题的一些内容，如自我介绍、联系信息等 。
8、<aside></aside>
附注栏，比如侧栏，引述，产品列表，链接等。
9、<footer></footer>
表示页脚
10、<small></small>
指定细则，输入免责声明、注解、署名、版权。
11、<strong></strong>
表示内容的重要性
12、<em></em>
强调内容的重要性
13、<mark></mark>
突出显示文本，梯形读者
14、<cite></cite>
指明引用或参考的内容，并不从中引述
15、<blockquoto></blockquoto>
表示引述的内容
16、<q></q>
表示短引述
17、<figure></figure>
创建图
18、figurecaption></figurecaption>
创建图的标题，必须在前面或者结尾
19、<abbr></abbr>
省略符
20、<dfn></dfn>
定义术语元素
21、<time></time>
表示时间
22、<code></code>
表示编码
23、<address></address>
表示一些信息，如地址
24、<del></del>
表示删除的内容
25、<ins></ins>
表示添加的内容
<pre></pre>
预格式化文本
时间： 2024-10-07 13:24:38