最近,学了一些常用的HTML标签,在这里整理一下。
根元素
标签 描述 <html>
代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。
文档元数据
标签 描述 <head>
代表关于文档元数据的一个集合,包括脚本或样式表的链接或内容。 <title>
定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。 <base>
定义页面上相对 URL 的基准 URL。 <link>
用于链接外部的 CSS 到该文档。 <meta>
定义其他 HTML 元素无法描述的元数据。 <style>
用于内联 CSS。
脚本
标签 描述 <script>
定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。 <noscript>
定义当浏览器不支持脚本时显示的替代文字。 <template>
这个元素在 HTML5 中加入 通过 JavaScript 在运行时实例化内容的容器。
章节
标签 描述 <body>
代表 HTML 文档的内容。在文档中只能有一个 元素。 <section>
这个元素在 HTML5 中加入 定义文档中的一个章节。 <nav>
这个元素在 HTML5 中加入 定义只包含导航链接的章节。 <article>
这个元素在 HTML5 中加入 定义可以独立于内容其余部分的完整独立内容块。 <aside>
这个元素在 HTML5 中加入 定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。 <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
标题元素实现了六层文档标题,<h1>
是最大的标题,<h6>
是最小的标题。标题元素简要地描述章节的主题。 <header>
这个元素在 HTML5 中加入 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。 <footer>
这个元素在 HTML5 中加入 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。 <address>
定义包含联系信息的一个章节。 <main>
这个元素在 HTML5 中加入 定义文档中主要或重要的内容。
表格
标签 描述 <table>
定义多维数据 。 <caption>
代表表格的标题 。 <colgroup>
代表表格中一组单列或多列 。 <col>
代表表格中的列 。 <tbody>
代表表格中一块具体数据 (表格主体)。 <thead>
代表表格中一块列标签 (表头)。 <tfoot>
代表表格中一块列摘要 (表尾)。 <tr>
代表表格中的行 。 <td>
代表表格中的单元格 。 <th>
代表表格中的头部单元格 。
表单
标签 描述 <form>
代表一个表单 ,由控件组成。 <fieldset>
代表控件组 。 <legend>
代表 <fieldset>
控件组的标题 。 <label>
代表表单控件的标题 。 <input>
代表允许用户编辑数据的数据区 (文本框、单选框、复选框等)。 <button>
代表按钮 。 <select>
代表下拉框 。 <datalist>
这个元素在 HTML5 中加入 代表提供给其他控件的一组预定义选项 。 <optgroup>
代表一个选项分组 。 <option>
代表一个 <select>
元素或 <datalist>
元素中的一个选项 <textarea>
代表多行文本框 。 <keygen>
这个元素在 HTML5 中加入 代表一个密钥对生成器 控件。 <output>
这个元素在 HTML5 中加入 代表计算值 。 <progress>
这个元素在 HTML5 中加入 代表进度条 。 <meter>
这个元素在 HTML5 中加入 代表滑动条 。
参考文档:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list