前端经典面试题合集, 什么是 HTML 语义化?为什么要语义化?

Step 1

Q:: 什么是HTML语义化？

A:: HTML语义化是指使用有意义的标签来描述页面的内容结构。比如使用<header>表示头部内容，<article>表示文章内容，<footer>表示页面底部等等。这使得页面结构更加清晰，便于浏览器、搜索引擎和开发人员理解和维护。

Step 2

Q:: 为什么要进行HTML语义化？

A:: HTML语义化有助于提高网页的可访问性和可维护性。它使得搜索引擎更容易理解页面内容，从而改善SEO效果。此外，语义化标签对辅助技术（如屏幕阅读器）也更友好，能够帮助视障用户更好地浏览网页。

Step 3

Q:: 如何实现HTML语义化？

A:: 实现HTML语义化可以通过使用HTML5提供的语义化标签，如<header>、<footer>、<nav>、<article>、<section>等，来代替非语义化的<div>和<span>标签。此外，还应当使用合适的标签来描述内容，比如使用<h1>到<h6>表示标题，<p>表示段落，<ul>和<ol>表示列表等。

Step 4

Q:: 什么是<main>标签？

A:: <main>标签是HTML5引入的语义化标签，用于包含文档的主要内容。一个文档中只能有一个<main>标签，它不应包含重复出现的内容，比如侧边栏、页眉或页脚。

Step 5

Q:: HTML5新增了哪些语义化标签？

A:: HTML5新增了很多语义化标签，如<header>、<footer>、<nav>、<article>、<section>、<aside>、<figure>、<figcaption>、<main>等，这些标签有助于描述页面的结构和内容。