如何使用 HTML5 定义重要文本？

HTML5 提供了语义化标签来定义文本的重要程度，让屏幕阅读器等设备更好地识别和理解页面的结构和内容。

强调文本

强调文本可以使用 <em> 标签或 <strong> 标签。

• <em> 标签表示语气上的强调，会以斜体显示。
• <strong> 标签表示内容上的强调，会以加粗显示。

以下是一些使用示例：

“这是一段<em>需要</em>强调的文字。”
// 这是一段需要强调的文字。

“这是一段<strong>非常重要的</strong>文字。”
// 这是一段非常重要的文字。

定义标题

标题是页面结构的关键部分，可以使用 <h1> 到 <h6> 标签来定义标题。<h1> 表示最高级别的标题，<h6> 表示最低级别的标题。

以下是一些使用示例：

<h1>这是一级标题</h1>
// 这是一级标题

<h2>这是二级标题</h2>
// 这是二级标题

<h3>这是三级标题</h3>
// 这是三级标题

<h4>这是四级标题</h4>
// 这是四级标题

<h5>这是五级标题</h5>
// 这是五级标题

<h6>这是六级标题</h6>
// 这是六级标题

列表和条目

HTML5 提供了两种列表：无序列表和有序列表。

• 无序列表使用 <ul> 标签，每个条目使用 <li> 标签。
• 有序列表使用 <ol> 标签，每个条目使用 <li> 标签。有序列表会自动编号。

以下是一些使用示例：

<ul>
  <li>条目 1</li>
  <li>条目 2</li>
  <li>条目 3</li>
</ul>
// - 条目 1
// - 条目 2
// - 条目 3

<ol>
  <li>条目 1</li>
  <li>条目 2</li>
  <li>条目 3</li>
</ol>
// 1. 条目 1
// 2. 条目 2
// 3. 条目 3

小结

HTML5 的语义化标签使得定义重要文本和结构变得更加简单和直观，提高了页面可读性、可访问性和可维护性。