中级前端面试秘籍HTML篇

HTML5语义化

html5语义化标签

IFE-NOTE:页面结构语义化

百度 IFE 任务一要求构建一个页面结构,看似简单,但需充分考虑到语义化。这篇文章简单谈谈 HTML5 语义化中的页面结构语义化的一些经验和理解。

为什么需要语义化?

易修改、易维护。

无障碍阅读支持。

搜索引擎友好,利于 SEO。

面向未来的 HTML,浏览器在未来可能提供更丰富的支持。

结构语义化

语义元素均有一个共同特点——他们均不做任何事情。换句话说,语义元素仅仅是页面结构的规范化,并不会对内容有本质的影响。

下图展示了一个典型的页面结构。

头部

元素有两种用法,第一是标注内容的标题,第二是标注网页的页眉,如上图你看到的那样。除非必要(内容标题附带其它信息的情况下:发布时间、作者等),一般不在内容中使用
。因而,网页中可以包含多个
元素。按照 HTML5 的规定,
都应包含某个级别的标题,所以应隐式或显式地包含标题,通常将不希望显示的标题设置为display: none;,一方面遵守规范,另一方面则提供了无障碍阅读而不至于影响到页面设计。

导航栏


导航栏使用

你可能感兴趣的:(中级前端面试秘籍HTML篇)