HTML面试题相关知识点整理（1）

目录

一、src 和 href 的区别

二、对HTML语义化理解

三、script标签中defer和async的区别

四、html与XML

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

---

一、src 和 href 的区别

src 用于替换当前的元素；href用于当前文档和引用资源之间确立联系

• src：指向外部资源的位置，指向的内容将会嵌入到当前标签所在的位置
• href：指向网络资源所在的位置，建立了和当前元素或文档之间的链接

二、对HTML语义化理解

语义化：是指根据内容的结构化，选择合适的标签。

语义化标签：

• header：定义文档的头部
• nav：定义导航链接的部分
• artical：定义文章内容
• section：定义文档中的节
• aside：定义其所处内容之外的内容（侧边）
• footer：定义文档或节的底部

三、script标签中defer和async的区别

如果没有使用 defer 和 async，浏览器读取到脚本后，会立即加载并执行相应的脚本，这样就阻塞了后续文档的加载。

使用了defer 和 async 后，在解析HTML的同时会进行js脚本的异步下载，不会阻碍文档的解析。

defer 和 async 的区别：

• async：在下载完js脚本后会立即执行js，有可能阻碍文档的解析。且多个标记 async 的 js脚本可能不会按照顺序执行
• defer：会在html解析完成后再执行js脚本，且多个标记 defer 的 js脚本会按照顺序执行

四、html与XML

html：是一种超文本语言，是一种描述性语言，用html可以创建在互联网上传输的信息页，是构成页面文档的主要内容，由多个标签组成，用于搭建页面结构

XML：可扩展标记语言，是互联网环境中跨平台、基于内容的技术，是当前处理结构类文档信息的强有力工具，适合作为各种存储与共享的通用平台，是对html的补充。

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

• 行内元素：a、span、img、input、strong、em、del、ins
• 块级元素：div、h1~h6、p、ul、li、ol、dl、dt、dd、form、table、thead、tbody、tfooter、td、th、tr、address、caption（三大列表和表格、六大标题和表单、段落地址要分块）
• 空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img