HTML 面试问题与解答 (2023) – 初级水平

本文链接：https://blog.youkuaiyun.com/qq_52010446/article/details/131836908

本文详述了20个HTML和HTML5面试常见问题，涵盖HTML基本概念、HTML与XHTML的区别、标记语言种类、HTML5特性、DOCTYPE作用、元素与标签的区别、标题标签、页面重定向、属性、链接创建等，旨在帮助初学者理解HTML核心概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文包含 20 个最常见和最常见的 HTML 和 HTML 5 面试问题及其针对初学者的解释。

1.什么是HTML？

HTML代表超文本标记语言。它用于使用标记语言设计网页。HTML 是超文本和标记语言的结合。超文本定义了网页之间的链接。标记语言用于定义标签内的文本文档，标签定义网页的结构。HTML 用于构建网站，因此用于 Web 开发。

2. HTML 和 XHTML 的区别

在这里插入图片描述

3. 有哪些可用的各种标记语言？

HTML：超文本标记语言
KML：关键整体标记语言
MathML：数学标记语言
SGML：标准通用标记语言
XHTML：可扩展超文本标记语言
XML：可扩展标记语言

4. HTML 和 HTML 5 有什么区别？

在这里插入图片描述

当前的 HTML 版本是什么？
HTML 5 是 HTML 的第五个也是当前版本。

6.什么是!DOCTYPE？

doctype或文档类型声明是一条指令，告诉 Web 浏览器当前页面所用的标记语言。doctype 不是元素或标签，它让浏览器了解 HTML 或文档中使用的任何其他标记语言的版本或标准。HTML5的DOCTYPE不区分大小写，可以写成如下所示：

<!DOCTYPE html>

7.什么是元素和标签，它们之间有什么区别？

HTML 标签：标签是 HTML 元素的开始和结束部分。它们以 < 符号开始，以 > 符号结束。< 和 > 内写的内容称为标签。

句法：

<b></b>

HTML 元素：元素将内容包含在标签之间。它们由某种结构或表达式组成。它通常由开始标签、内容和结束标签组成。

句法：

<b>这就是内容。</b>

HTML 标签和 HTML 元素之间的区别：

HTML标签
HTML 元素
打开或关闭用于标记元素的开始或结束。开始标记、结束标记及其属性的集合。
用于保存 HTML 元素。持有内容。
以 < 开头，以 > 结束。 HTML 标签中写入的内容都是 HTML 元素。

8. 各种标题标签及其重要性是什么？

HTML 定义了 6 级标题。这六个标题元素是 H1、H2、H3、H4、H5 和 H6；H1 为最高级别，H6 为最低级别。

标题的重要性：

搜索引擎使用标题来索引网页的结构和内容。
标题用于突出显示重要主题。
它们提供了有价值的信息并告诉我们该文档的结构。

9. 如何使用 HTML 重定向到页面的特定部分？

人们可以使用锚标记重定向到同一页面上的特定部分。您需要将“id 属性”添加到要显示的部分，并在 href 属性中使用与锚标记中的“#”相同的 id。这样，单击特定链接时，您将被重定向到与锚标记中提到的具有相同 id 的部分。

句法：

<a href="#home_section">首页</a>

<部分id =“home_section”>
    关于页面的信息
</节>

示例：当用户单击“联系我们”链接时，他将被重定向到同一页面上的“联系我们部分”。

<!DOCTYPE html>
<html>
  
<head>
    <style>
        div {
            width: 100%;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
  
<body>
    <h2>Welcome to GeeksforGeeks</h2>
    <p>
        This is the example of
        <i>
            Redirect to a particular section
            using HTML on same page
        </i>
    </p>
  
    <a href="#contactUs"> Contact Us </a>
    <div>
        <h2>Home section</h2>
    </div>
    <div>
        <h2>About Us section</h2>
    </div>
    <div id="contactUs">
        <h2>Contact Us section </h2>
    </div>
    <div>
        <h2>Team Section</h2>
    </div>
</body>
  
</html>

10.什么是属性？

属性用于提供有关元素的额外或附加信息。

所有 HTML 元素都可以有属性。属性提供有关元素的附加信息。
它需要 2 个参数，即名称和值。它们定义元素的属性并放置在元素的开始标记内。name 参数采用我们想要分配给元素的属性名称，value 采用可以在元素上对齐的属性值或属性名称的范围。
每个名称都有一些必须写在引号内的值。

11. 和标签相同吗？如果不是，那为什么？

HTML 强标记：强标记是用于格式化 HTML 文本的 HTML 元素之一。它用于通过将文本加粗或在语义上突出显示来显示文本的重要性。

句法：

<strong>内容...</strong>

HTML 粗体标签：粗体标签或也是 HTML 的格式元素之一。 标签下的文本会以粗体显示，以引起注意。

句法：

<b>内容...</b>

标签和标签之间的主要区别在于，strong标签在语义上强调重要的单词或单词部分，而粗体标签只是传统上以粗体样式表示的偏移文本。单击此处了解更多信息。

12. 和标签有什么区别？

标签：它是 HTML 元素之一，用于格式化 HTML 文本。它用于用技术术语、替代情绪或声音、想法等来定义文本。

句法：

<i>内容...</i>

标签：它也是用于格式化文本的 HTML 元素之一。它用于定义强调的文本或语句。

句法：

<em>内容...</em>

默认情况下，视觉结果是相同的，但这两个标签之间的主要区别在于标签在语义上强调重要的单词或单词部分，而 标签只是传统上以斜体样式显示替代情绪或声音的偏移文本。单击此处了解它们之间的区别。

13. HTML中如何添加注释？

注释标签（<!– Comment –>）用于在 HTML 代码中插入注释。

HTML 注释的类型： HTML 中的注释分为三种类型：

单行注释
多行注释
使用标签

14. HTML 中颜色的声明格式有哪些？

元素的颜色可以通过以下方式定义：

内置颜色
RGB 格式
RGBA格式
十六进制表示法
HSL
高斯拉
色调：色调是色轮的程度。其值介于 0 到 360 之间，其中 0 代表红色，120 代表绿色，240 代表蓝色。
饱和度：取百分比值，100%表示完全饱和，0%表示完全不饱和（灰色）。
亮度：采用百分比值，100% 代表白色，0% 代表黑色。

15. 如何在 HTML 中创建链接？

链接是从一个 Web 资源到另一个 Web资源的连接。链接有两端、锚点和方向。该链接从“源”锚点开始，指向“目标”锚点，该锚点可以是任何 Web 资源，例如图像、视频剪辑、原声摘要、程序、HTML 文档或 HTML 文档中的元素。

HTML 链接语法：链接在 HTML 中使用“a”标签指定。

<a href="url">链接文本<a>

解释：

href： href属性用于指定所使用的链接的目标地址。
文本链接：文本链接是链接的可见部分。

16、标签中的target属性有什么用？

HTML target 属性用于指定加载链接文档的窗口或框架。HTML 5 不支持它。

句法：

属性值：

_blank：它在新窗口中打开链接。
_self：在同一框架中打开链接文档。
_parent：它在父框架集中打开链接文档。
_top：它在整个窗口中打开链接文档。
框架名称：在指定框架中打开链接文档。

17. 图片中的alt属性有什么用？

alt 属性用于指定图像的替代文本。当图像不显示时它很有用。它用于提供图像的替代信息。

句法：

> <img alt="文本">

18. 用于显示表格的 HTML 标签有哪些？

<table>：用于定义一个表。
<tr>：用于定义表中的行。
<th>：用于定义表格中的标题单元格。
<td>：用于定义表格中的单元格。
<caption>：用于定义表格标题。
<colgroup>：用于定义表格中一组或多列的列，以进行格式化。
<col>：与<colgroup>元素一起使用来指定每列的列属性。
<tbody>：用于定义表格中的一组主体内容。
<thead>：用于对表格中的标题内容进行分组。
<tfooter>：用于对表格中的页脚内容进行分组。