前端面试——html语义化的理解

一、语义化的理解：

 

1、用正确的标签做正确的事情！

 

2、html 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；

 

3、在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的。

 

4、搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO 。

 

5、使阅读源代码的人对网站更容易将网站分块，便于阅

 

二、语义化内容：

1.标题语义化

2.图片语义化

（1）figcaption:图注文字

（2）alt:给搜索引擎看

（3）title:给用户看

（注释：alt与title的区别：

a、title通常当鼠标滑动到元素上的时候显示

b、alt 是 <img> 的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏

器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索

引擎会重点分析。

）

3.表单语义化

（1）label-for:增强鼠标的可用性

（2）legend:表单组标题

（3）fieldset:给表单分组

4.表格语义化

(1) thead:表头

(2) tbody:表身

(3) tfoot：表脚

H5舍弃的标签：s、 u、 big、 center、 frame。