参考答案:
HTML 语义化就是指在使用 HTML 标签构建页面时,避免大篇幅的使用无语义的标签,比如"< div >"、< span >,要求尽可能的使用具有语义的标签,比如<h1>,< p >,< header>, < mn >, < footer >等。
举例说明:
页面中有一个标题。
第一种:可以用<h1>标签实现标题
<h1> This is a top level heading </h1>
第二种:使用 span + CSS 实现标题的样式
< span style =" font - size :32px; margin :21px0;"> Is this a top level heading ?</ span >
虽然这两种写法都会实现标题的样式,但是建议使用'<h1>'标签实现。
使用 HTML 语义化标签的作用:
- 易于用户阅读,样式文件未加载时,页面结构清晰。
- 有利于 SEO ,搜索引根据标签来确定上下文和各个关键字的权重。
- 方便屏幕阅读器解析,如盲人阅读器根据语义渲染网页。
- 有利于开发和维护,代码更具可读性,代码更好维护。
加分回答:
HTML5语义化标签并没有广泛使用,比如京东、淘宝等,还是使用 div 元素,设置 id 是 header 或者 footer ,这个可能是因为HTML5新增的语义化标签的作用不是特别大,网站没有必要重写。