高频前端面试题之HTML篇（一）

最新推荐文章于 2023-03-13 15:01:10 发布

大雄是个程序员

最新推荐文章于 2023-03-13 15:01:10 发布

阅读量120

点赞数

分类专栏：前端文章标签：前端 html javascript 面试 css

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/BigestBear/article/details/129065296

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

DOCTYPE用于指定HTML版本，确保浏览器正确解析。语义化HTML让内容结构清晰，利于SEO和团队维护。src引入资源并嵌入文档，阻塞下载；href并行下载资源。title定义网页标题，h1是内容标题，strong强调内容，b仅斜体，i和em分别代表斜体和强调。严格模式按最高标准运行，混杂模式兼容旧浏览器。

摘要由CSDN通过智能技术生成

1. 什么是 DOCTYPE，有何作用？

Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档。在浏览器发展的过程中，HTML出现过很多版本，不同的版本之间格式书写上略有差异。如果没有事先告诉浏览器，那么浏览器就不知道文档解析标准是什么？此时，大部分浏览器将开启最大兼容模式来解析网页，我们一般称为怪异模式，这不仅会降低解析效率，而且会在解析过程中产生一些难以预知的bug，所以文档声明是必须的。

2. 说说对 html 语义化的理解

HTML标签的语义化，简单来说，就是用正确的标签做正确的事情，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，无论是谁都能看懂这块内容是什么。

语义化的优点如下：

在没有CSS样式情况下也能够让页面呈现出清晰的结构
有利于SEO和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重
方便团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化

3. src 和 href 的区别

src和href都是HTML中特定元素的属性，都可以用来引入外部的资源。两者区别如下：

src：全称source，它通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。
href：全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理，通常用于a、link元素。