turbo夏日漱石
turbo夏日漱石

前端面试HTML常考问题总结

目录

标签head， body，！Doctype的作用分别是什么？

!DOCTYPE（文档类型） 标签：

head：

body :

H5新特性

 伪类和伪元素

伪类：

伪元素：

html5语义化标签

常用语义化标签：

其它语义化标签：

语义化标签优点：

src和href的区别

src（同步加载执行）

href（异步加载执行）

script标签中defer和async的区别

 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

标签head， body，！Doctype的作用分别是什么？

!DOCTYPE（文档类型） 标签：

  • 标记语言的文档类型声明，指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.
  • 不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。

head：

  • 是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者
  • 该标签下所包含的部分可加入的标签有 base, link, meta, script, style和title

body :

  • 用于定义文档的主体, 包含了文档的所有内容
  • 该标签支持 html 的全局属性和事件属性.

H5新特性

  • 新增选择器 document.querySelector、document.querySelectorAll
  • 拖拽释放(Drag and drop) API
  • 媒体标签的 video（视频） 和 audio（音频）
  • 本地存储 localStorage 和 sessionStorage
  • 离线应用 manifest
  • 桌面通知 Notifications
  • 语意化标签 article、footer、header、nav、section
  • 增强表单控件 calendar、date、time、email、url、search
  • 地理位置 Geolocation
  • 多任务 webworker
  • 全双工通信协议 websocket
  • 历史管理 history
  • 跨域资源共享(CORS) Access-Control-Allow-Origin
  • 页面可见性改变事件 visibilitychange
  • 跨窗口通信 PostMessage Form Data
  • 对象 绘画 canvas

前端面试HTML常考问题总结_第1张图片

H5移除的元素：

  • 纯表现的元素：basefont、big、center、font、s、strike、tt、u
  • 对可用性产生负面影响的元素：frame、frameset、noframes

（ 的使用不应提倡，因为有一些缺点，比如性能问题，以及使用屏幕阅读器的用户缺少无障碍。比起 ，