HTML5规范将元素大致分为以下几大类,基于它们在文档中的角色和允许的内容:
1. 元数据内容 (Metadata content): 这些元素提供关于HTML文档的信息,通常位于<head>
元素内。它们不影响文档的显示,而是用于浏览器、搜索引擎和其他工具。
- 特点: 不在页面中呈现视觉内容,主要用于描述文档、设置字符集、引入外部资源(如CSS和JavaScript)、定义关键字等。
- 常见元素:
<title>
,<meta>
,<base>
,<link>
,<style>
,<script>
,<noscript>
2. 流内容 (Flow content): 构成文档主体的绝大部分可见内容,可以包含其他流内容、短语内容、嵌入内容以及交互式内容。它们按照文档流的顺序排列。
- 特点: 构成页面主要内容,可以互相嵌套,形成文档结构。
- 常见元素:
<p>
,<div>
,<h1~h6>
,<ul>
,<ol>
,<li>
,<dl>
,<dt>
,<dd>
,<pre>
,<hr>
,<blockquote>
,<figure>
,<figcaption>
,<main>
,<article>
,<aside>
,<section>
,<nav>
,<header>
,<footer>
,<address>
3. 短语内容 (Phrasing content): 出现在流内容内部,用于定义文本和标记文本的语义。它们通常包含文本或嵌入内容。
- 特点: 构成文本内容,可以包含文本、图像、表单元素等。通常用于格式化文本或添加语义。
- 常见元素:
<span>
,<a>
,<em>
,<strong>
,<small>
,<cite>
,<q>
,<dfn>
,<abbr>
,<time>
,,
,
,
,
,
,
,
,
,
,
,
4. 嵌入内容 (Embedded content): 用于在文档中嵌入外部资源,例如图像、视频、音频、插件等。
- 特点: 用于引入外部资源,例如多媒体内容或交互式插件。
- 常见元素:
<img>
, <iframe>
, <embed>
, <object>
, <video>
, <audio>
, <canvas>
, <svg>
, <math>
5. 交互式内容 (Interactive content): 专门设计用于与用户交互的元素。
- 特点: 允许用户与页面进行交互,例如提交表单、点击按钮等。
- 常见元素:
<a>
, <button>
, <details>
, <summary>
, <form>
, <input>
, <textarea>
, <select>
, <option>
, <label>
6. 分段内容 (Sectioning content): 定义文档的章节,例如章节、页眉、页脚、导航等。它们有助于创建文档结构。
- 特点: 用于划分文档结构,通常与标题元素一起使用。
- 常见元素:
<article>
, <aside>
, <nav>
, <section>
7. 标题内容 (Heading content): 定义文档的标题和子标题。
- 特点: 用于创建文档的标题结构,从
<h1>
到<h6>
,重要性依次递减。
- 常见元素:
<h1>
, <h2>
, <h3>
, <h4>
, <h2>
, <h6>
8. 表达式内容 (Palpable content): 主要用于表格模型,用于创建表格的结构。
- 特点: 用于创建表格的结构,例如表格行、表格单元格等。
- 常见元素:
<table>
, <caption>
, <thead>
, <tbody>
, <tfoot>
, <tr>
, <th>
, <td>
, <col>
, <colgroup>
需要注意的是,一些元素可能属于多个类别。例如,<a>
元素既是短语内容又是交互式内容。理解这些分类有助于更好地理解HTML元素的语义和用法,从而构建更语义化、更易于维护的网页。
标签:特点,元素,content,哪几个,文档,HTML5,内容,用于
From: https://www.cnblogs.com/ai888/p/18566937