所有常用HTML标籤的层级和用途

最外层

<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>:视频

这些标籤覆盖了更多的内容和功能,但在结构和用途上与前面提到的标籤类似。

最外层次层内层用途外层限制标籤htmlhead, body-定义整个网页的结构-headtitle, meta, link-定义网页的标题、元资料、外部资源等htmlbodyheader, footer, nav-定义网页的结构、导览等htmlheader-h1, h2, h3, h4, h5, h6定义网页的顶部bodyfooter--定义网页的底部bodynav-a, ul, li定义导览栏body--p, a, span, img定义内文、连结、图片等body-ul, ol, dlli, dt, dd定义列表或定义列表body-forminput, button, select, ...定义表单元素body-tabletr, th, td定义表格body-b, i, strong, em-定义文字样式任何内容都可以-br, hr-定义换行、水平线任何内容都可以-sub, sup-定义下标、上标任何内容都可以-blockquote, cite-定义引用任何内容都可以-code, pre-定义程式码、预格式化的文字任何内容都可以-abbr, del, ins-定义缩写、删除、新增的文字任何内容都可以-iframe-定义内嵌框架任何内容都可以-audio, video-定义音频、视频任何内容都可以

这样就能清楚地知道哪些标籤不能再被包裹在特定的标籤内层了。


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章