你觉得html的标签(包括html5)总共有多少个?它们是如何分类的?
HTML标签的总数不是一个固定的数字,它会随着HTML标准的演进而变化。W3C(万维网联盟)会定期更新和添加新的标签。 因此,与其关注确切的数字,不如了解如何查找最新的标签列表以及它们的分类方法。
一个比较好的估计是超过 100 个。 你可以在 W3Schools 或 MDN Web Docs 等网站上找到最新的完整列表。
HTML 标签的分类方式有很多种,以下是一些常见的分类维度:
-
按功能分类: 这是最常用的分类方式,可以帮助开发者快速找到需要的标签。
- 根元素:
<html>
整个HTML文档的根元素。 - 文档元数据:
<head>
,<title>
,<meta>
,<link>
,<style>
,<base>
,<script>
包含关于HTML文档的信息,例如标题、字符集、样式表链接等。 - 内容分区:
<body>
,<article>
,<section>
,<nav>
,<aside>
,<header>
,<footer>
,<main>
用于划分页面不同的内容区域。 - 文本内容:
<h1>
-<h6>
,<p>
,<span>
,<br>
,<hr>
,<pre>
,<blockquote>
,<q>
,<cite>
,<abbr>
,<address>
,<dfn>
,<em>
,<strong>
,<small>
,<mark>
,<del>
,<ins>
,<sub>
,<sup>
,<time>
,<wbr>
用于显示和格式化文本内容,例如标题、段落、换行、引用等。 - 内嵌元素:
<a>
,<img>
,<iframe>
,<embed>
,<object>
,<video>
,<audio>
,<canvas>
,<map>
,<picture>
,<svg>
,<math>
在文本或其他内容中嵌入其他资源,例如链接、图片、视频、音频等。 - 列表:
<ul>
,<ol>
,<li>
,<dl>
,<dt>
,<dd>
用于创建各种类型的列表,例如无序列表、有序列表和定义列表。 - 表格:
<table>
,<caption>
,<thead>
,<tbody>
,<tfoot>
,<tr>
,<th>
,<td>
,<colgroup>
,<col>
用于创建表格。 - 表单:
<form>
,<input>
,<textarea>
,<button>
,<select>
,<option>
,<optgroup>
,<label>
,<fieldset>
,<legend>
,<datalist>
,<output>
用于创建用户交互表单。 - 交互元素:
<details>
,<summary>
,<dialog>
用于创建可交互的元素,例如折叠面板和对话框。 - Web Components:
<template>
,<slot>
用于创建可复用的Web组件。
- 根元素:
-
按语义分类: HTML5 引入了许多语义化标签,这些标签清晰地表达了内容的含义,有助于提高页面的可访问性和SEO。例如
<article>
,<aside>
,<nav>
,<header>
,<footer>
等。 -
按块级/内联元素分类:
- 块级元素 (block-level): 会独占一行,例如
<p>
,<h1>
,<div>
,<ul>
,<form>
等。 - 内联元素 (inline-level): 只占据内容所需的空间,不会换行,例如
<span>
,<a>
,<img>
等。
- 块级元素 (block-level): 会独占一行,例如
-
按是否被废弃分类: 有些标签在HTML的新版本中已经被废弃,不再推荐使用,例如
<font>
,<center>
等。
了解这些分类方法,可以帮助你更好地理解和使用HTML标签,构建语义化、结构良好、易于维护的网页。 记住,持续学习和参考最新的 W3C 标准至关重要。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通