常见考题：html面试题及答案

1. 什么是 ?是否需要在 HTML5 中使用?

参考答案：

它是 HTML 的文档声明，通过它告诉浏览器，使用哪一个 HTML 版本标准解析文档。

在浏览器发展的历史中，HTML 出现过很多个版本，不同版本在元素、属性等书写格式上略有差异，如果不预先告诉浏览器，浏览器就不知道我们的文档标准是什么，在这种情况下，大部分浏览器将开启最大兼容模式来解析网页，我们称之为怪异模式。这不仅会降低解析效率，而且会在解析过程中产生一些难以预知的 bug，所以文档声明是必须的。

而文档声明有多种书写格式，对应不同的 HTML 版本， 这种书写是告诉浏览器，整个文档使用 HTML5 的标准进行解析。

2. 什么是可替换元素，什么是非可替换元素，它们各自有什么特点?

参考答案：

可替换元素是指这样一种元素，它在页面中的大部分展现效果不由 CSS 决定。

比如 img 元素就是一个可替换元素，它在页面中显示出的效果主要取决于你连接的是什么图片，图片是什么它就展示什么，CSS 虽然可以控制图片的尺寸位置，但永远无法控制图片本身。

再比如，select 元素也是一个典型的可替换元素，它在页面上呈现的是用户操作系统上的下拉列表样式，因此，它的展现效果是由操作系统决定的。所以，同一个 select 元素，放到不同操作系统的电脑上会呈现不同的外观。

img、video、audio、大部分表单元素都属于可替换元素。

非可替换元素就是指的普通元素，它具体在页面上呈现什么，完全由 CSS 来决定。

3. src 和 href 的区别(京东)

参考答案：

它们都是 HTML 中特定元素的属性。

src 是 source 的缩写，它通常用于 img、video、audio、script 元素，通过 src 属性，可以指定外部资源的来源地址。

href 是 hyper reference 的缩写，意味「超引用」，它通常用于 a、link 元素，通过 href 属性，可以标识文档中引用的其他超文本。

4. 说说常用的 meta 标签

参考答案：

meta 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面)，搜索引擎(关键词)，或其他 web 服务。

常用的 meta 标签的属性有：

content ，设置或返回 meta 元素的 content 属性的值 。

http-equiv，把 content 属性连接到一个 HTTP 头部。

name，把 content 属性连接到某个名称。

关于 meta 标签，回答出常用的一些属性值即可，不用全部背下来。

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

参考答案：

去掉或者丢失样式的时候能够让页面呈现出清晰的结构

有利于 SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重;

方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;

便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循 W3C 标准的团队都遵循这个标准，可以减少差异化。 HTML5 中新增加的很多标签(如：

、、和等) 就是基于语义化设计原则)下面就是语义化 html 代码;

<div id="header">
   <h1>标题</h1>
   <h2>专注Web前端技术</h2>
</div>

总结一下，总之就是：

• 用正确的标签做正确的事情!
• html 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析;
• 在没有样式 CCS 情况下也以一种文档格式显示，并且是容易阅读的。
• 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
• 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

以上就是“常见考题：html面试题及答案”，你能回答上来吗?如果想要了解更多的相关内容，可以关注极悦Java官网。