HTML面试题总结

1.你是如何理解HTML语义化的?⭐⭐⭐⭐⭐

像我们将段落用<p>标签来表示,标题用<h1>---<h6>来表示,这都是语义化。

前期的前端,都是用DIV+CSS来布局,不够语义化,全篇都是DIV

语义元素仅仅是页面结构的规范化,并不会对内容有本质的影响。

常见的语义化标签:

头部:<header>

标注内容的标题(一般不在内容中使用,除非内容标题附带发布时间、作者等);标注网页的页眉

导航栏:<nav>

一个页面可以包含多个<nav>元素,但通常仅在页面的主要导航部分使用

附注:<aside>

侧栏;附加内容

<section>适合标记的内容区块

页脚:<footer>

仅可以包含版权、来源信息、法律限制等

主要内容:<main>

页面主体

文章:<article>

一个完整的、自成一体的内容块

插图及说明:<figure> <figcaption>

参考
页面结构语义化

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,454评论 1 45
  • iframe 框架有那些优缺点? 优点iframe 能够原封不动的把嵌入的网页展现出来。如果有多个网页引用 ifr...
    蛋蛋大少爷阅读 4,164评论 0 1
  • 1、语义化 为什么要语义化?a. 为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看...
    WEB前端含光阅读 2,972评论 0 1
  • Web前端面试题总结 HTML+CSS理论知识 1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a.域...
    慕尚花开阅读 3,961评论 0 0
  • HTML+CSS Label的作用是什么?是怎么用的 答案: label标签来定义表单控制间的关系当用户选择该标签...
    Daeeman阅读 2,920评论 0 0

友情链接更多精彩内容