前端 HTML 面试题, HTML 中,i 与 em 标签的区别是什么?

Step 1

Q:: HTML 中，i 与 em 标签的区别是什么？

A:: i 标签用于表示文本的斜体，一般用于表示没有语义的强调，比如外来词、术语、计算机代码等。em 标签用于表示强调的文本，具有语义作用，嵌套的 em 标签会逐级增加强调的程度。em 标签在 HTML5 中有更强的语义特性，通常会影响到屏幕阅读器的解读方式，而 i 标签更偏向于纯粹的视觉效果。

Step 2

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

A:: HTML5 中新增了许多语义化标签，例如 <article>、<section>、<nav>、<header>、<footer>、<aside> 等。这些标签帮助开发者更好地描述页面的结构和内容，提高了文档的可读性和可访问性。

Step 3

Q:: 什么是无障碍设计，如何在 HTML 中实现？

A:: 无障碍设计指的是让网站内容对所有用户都可访问，包括有障碍的用户。可以通过使用语义化标签、aria-属性、标签关联的控件（如 <label> 和 <input>）等来实现。例如，<aria-label> 可以为屏幕阅读器提供更多信息，<alt> 属性为图片提供替代文本。

Step 4

Q:: HTML5 的语义化有什么重要性？

A:: HTML5 的语义化不仅仅帮助开发者更好地组织代码，同时也使得搜索引擎更容易理解页面的结构和内容，从而提高搜索引擎优化 (SEO) 效果。此外，语义化标签还提升了网页的可访问性，使得屏幕阅读器等辅助技术更好地解释页面内容，帮助残障用户。