最外层
<html>
:整个网页的结构<head>
:网页的标题、元资料、外部资源等<body>
:网页的内容文章标题
<h1>
, <h2>
, ..., <h6>
:定义标题的层级文字或连结
<p>
:定义段落<a>
:定义超连结<span>
:定义行内元素,常用于设置特殊样式或JS操作<img>
:定义图片列表
<ul>
:无序列表<ol>
:有序列表<li>
:列表项表单元素
<form>
:定义表单<input>
:定义输入框<button>
:定义按钮<select>
:定义下拉选单表格
<table>
:定义表格<tr>
:定义表格的行<th>
:定义表格的标题行<td>
:定义表格的资料行网页结构
<header>
:定义网页的顶部<footer>
:定义网页的底部<nav>
:定义导览栏这样分类后,你应该更容易理解各个标籤在网页结构中的位置和用途了。
这些标籤包含了 HTML 中的一些常见和常用的标籤,但并不是全部的标籤。这些标籤涵盖了网页结构、文本内容、列表、表格、表单等常见元素。以下是一些常见的其他 HTML 标籤:
<b>
:粗体文字<i>
:斜体文字<strong>
:强调文字<em>
:强调斜体文字<br>
:换行<hr>
:水平线<sub>
:下标<sup>
:上标<blockquote>
:引用区块<cite>
:引用标题<code>
:程式码<pre>
:预格式化的文字<abbr>
:缩写<del>
:删除的文字<ins>
:新增的文字<iframe>
:内嵌框架<audio>
:音频<video>
:视频这些标籤覆盖了更多的内容和功能,但在结构和用途上与前面提到的标籤类似。
这样就能清楚地知道哪些标籤不能再被包裹在特定的标籤内层了。