HTML常用标签及对语义化的理解
2018-07-21 本文已影响0人
jackie季
关于HTML语义化：
它指明了一段代码的含义，运行这段代码会有什么影响，这个HTML元素有什么作用，扮演了什么角色，使用语义化标签的好处有两点：一是有利于SEO和搜索引擎建立良好沟通，有助于爬虫抓取更多的信息；二是便于团队开发维护，可读性较高；
按功能划分：
| 基础 | 描述 |
|---|---|
| <!DOCTYPE> | 定义文档类型。 |
| <html> | 定义一个 HTML 文档 |
| <title> | 为文档定义一个标题 |
| <body> | 定义文档的主体 |
| <h1> to <h6> | 定义 HTML 标题 |
| <p> | 定义一个段落 |
| < br > | 定义简单的折行。 |
| < hr > | 定义水平线。 |
| < !--...-- > | 定义一个注释 |
| 格式 | 描述 |
| <b> | 定义粗体文本。 |
| <i> | 定义斜体文本。 |
| <u> | 定义下划线文本。 |
| <strong> | 定义语气更为强烈的强调文本。 |
| 表单 | 描述 |
| <form> | 定义一个 HTML 表单，用于用户输入。 |
| <input> | 定义一个输入控件 |
| <textarea> | 定义多行的文本输入控件。 |
| <button> | 定义按钮。 |
| <select> | 定义选择列表（下拉列表）。 |
| <optgroup> | 定义选择列表中相关选项的组合。 |
| <option> | 定义选择列表中的选项。 |
| <label> | 定义 input 元素的标注。 |
| <fieldset> | 定义围绕表单中元素的边框。 |
| <legend> | 定义 fieldset 元素的标题。 |
| <datalist> | 规定了 input 元素可能的选项列表。 |
| <keygen> | 规定用于表单的密钥对生成器字段。 |
| 框架 | 描述 |
| <frame> | HTML5不再支持。 定义框架集的窗口或框架。 |
| <iframe> | 定义内联框架。 |
| 图像 | 描述 |
| <img> | 定义图像。 |
| <area> | 定义图像地图内部的区域。 |
| <canvas> | 通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。 |
| 音频视频 | 描述 |
| <audio> | 定义声音，比如音乐或其他音频流。 |
| <source> | 定义media元素 (<video> 和 <audio>)的媒体资源。media |
| <track> | 为媒体(<video> 和 <audio>)元素定义外部文本轨道。 |
| <video> | 定义一个音频或者视频 |
| 链接 | 描述 |
| <a> | 定义一个链接 |
| <link> | 定义文档与外部资源的关系。 |
| <nav>New | 定义导航链接 |
| 列表 | 描述 |
| <ul> | 定义一个无序列表 |
| <ol> | 定义一个有序列表 |
| <li> | 定义一个列表项 |
| <dir> | HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。 |
| <dl> | 定义一个定义列表 |
| <dt> | 定义一个定义定义列表中的项目。 |
| <dd> | 定义定义列表中项目的描述。 |
| 表格 | 描述 |
| <table> | 定义一个表格 |
| <caption> | 定义表格标题。 |
| <th> | 定义表格中的表头单元格。 |
| <tr> | 定义表格中的行。 |
| <td> | 定义表格中的单元。 |
| <thead> | 定义表格中的表头内容。 |
| <tbody> | 定义表格中的主体内容。 |
| <tfoot> | 定义表格中的表注内容（脚注）。 |
| <col> | 定义表格中一个或多个列的属性值。 |
| <colgroup> | 定义表格中供格式化的列组。 |
| 样式 | 描述 |
| <style> | 定义文档的样式信息。 |
| <div> | 定义文档中的节。 |
| <span> | 定义文档中的节。 |
| <header> | 定义一个文档头部部分 |
| <footer> | 定义一个文档底部 |
| <section> | 定义了文档的某个区域 |
| <article> | 定义一个文章内容 |
| <aside> | 定义其所处内容之外的内容。 |
| <details> | 定义了用户可见的或者隐藏的需求的补充细节。 |
| <dialog> | 定义一个对话框或者窗口 |
| <summary> | 定义一个可见的标题。 当用户点击标题时会显示出详细信息。 |
| 元信息 | 描述 |
| <head> | 定义关于文档的信息 |
| <meta> | 定义关于 HTML 文档的元信息。 |
| <base> | 定义页面中所有链接的默认地址或默认目标。 |
| 程序 | 描述 |
| <script> | 定义客户端脚本。 |
| <noscript> | 定义针对不支持客户端脚本的用户的替代内容。 |
| <embed> | 定义了一个容器，用来嵌入外部应用或者互动程序（插件）。 |
