HTML 语义化
基本概念
根据内容的结构的语义化，选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时利于SEO优化。
优点
-
在没有css的情况下，页面也能呈现出很好的内容结构，代码结构；
-
提升用户体验：例如title、alt用于解释名词和解释图片信息；
-
有利于SEO优化：和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重；
-
方便其他设备解析如屏幕阅读器、盲人阅读器、移动设备；
-
语义化更据有可读性，便于团队开发和维护。
常用标签
<aside>: 定义页面内容以外的内容
<details>: 定义用户能够查看或隐藏的额外细节
<figcaption>: 定义 <figure> 元素的标题
<figure>: 规定自包含内容，比如图示、图表、照片、代码清单等
<main>: 规定文档的主内容
<mark>: 定义重要的或强调的文本
<nav>: 定义导航链接
<summary>: 定义<details>元素的可见标题
<time>: 定义日期 / 时间
<table>: 定义表格
<form>: 定义表单
<img>: 定义图片
网友评论