web前端知识学习笔记-HTML篇(1)

语义化，英文为semantics。

根据MDN上的介绍，语义化的优点有

  1. 在SEO中会有较高权重
  2. 方便视觉障碍人士阅读页面
  3. 方便查找有特定意义的标签
  4. 提示开发者生成的数据类型
  5. 语义化仿照与自定义组件的命名

常见的新语义化标签

1
2
3
4
5
6
7
8
9
10
11
12
13
<article>
<aside>
<details> <!--与summary一起使用，点击details显示summary的内容-->
<summary>
<figcaption> <!--图片说明-->
<figure>
<footer>
<header>
<main>
<mark> <!--高亮，默认为黄色背景-->
<nav> <!--导航-->
<section> 
<time> <!--时间-->