| 标签名称 | 原语 | 特性 | 典型模板示例 | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| a | Anchor | <a> 标签定义超链接，用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性，它指示链接的目标。 | 1.
2.<a target="_blank" href=' xxx.jpg '>下载</a> 比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件 需要加上 "download". <a target="_blank" download="filename" href=" xxx.jpg ">下载</a> 3.<a href="javascript:void(0);"οnclick="editPolicy(11)">编辑</a> 4.<a href = "mailto:mzg@qq.com">发邮件</a> 5.<a href = "url.html#top">锚链接</a> 6.<a href="tel:0147-88469258">打电话</a> 7.<a href="sms:10086?body=message_body">给 10086 发短信</a>
| |||||||||
| abbr | Abbreviation | 用来表示一个缩写词或者首字母缩略词， 在某些浏览器中，当您把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时， <abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。 |
| |||||||||
| address | <address> | <address> 标签定义文档或文章的作者/拥有者的联系信息。 如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。 如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。 <address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。 <address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分。 <address> 元素通常连同其他信息被包含在 <footer> 元素中。 |
| |||||||||
| cite | Citation | 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。 html5中不可用在人名，html4中可以。<cite>内容倾斜显示。 | <cite>The Scream</cite> by Edward Munch. Painted in 1893
| |||||||||
| blockquote | Block Quotation | 标记引用一整段的较长的引用。p元素也可包含其中 | ||||||||||
| q | Quotation | 标记段落内较短的引用。 按照惯例会在<q>元素两侧添加引号，但IE不支持。 | ||||||||||
| dfn | definition | <dfn>表示一个新术语的定义 | <dfn>A black hole</dfn> is a region of space from which nothing | |||||||||
| del | Deleted | 已经从文档中删除的(带删除线) | <p> it's <del>deleted</del></p> | |||||||||
| ins | Inserted | 插入的文本（下划线） | <p> it's <ins>insert</ins></p> | |||||||||
| s | Strikethrough | <s>表示不准确或不相关却并不应当予以删除的内容（从中穿过的线） | <p><s>cost 9$</s></p> | |||||||||
| ol | Ordered List |
排序列表 | <ol> <li></li> <ol> | |||||||||
| ul | Unordered List | 无序列表 | ||||||||||
| dl | Definition List | 定义列表 | ||||||||||
| dt | Definition Term | 定义术语 | ||||||||||
| dd | Definition Description |
定义描述 | <dl> <dt>术语</dt> <dd>描述</dd> </dl> | |||||||||
| li | List Item | 列表项 | ||||||||||
| h1-h6 | Header 1 to Header 6 | 标题 | ||||||||||
| p | Paragraph | 段落 | ||||||||||
| hr | Horizontal Rule | 水平线 | <hr/> | |||||||||
| br | Break | 换行 | <br/> | |||||||||
| b | Bold |
粗体 | 文字以粗体显示 <b>bold</b> | |||||||||
| i | Italic | 斜体 | <I>italic</i> 斜体展示 一般是技术词语、轮船名称、外语单词、思想理论、或是其他术语 经常用斜体展示 | |||||||||
| sup | Superscripted | 上标 | 幂运算。 | |||||||||
| sub | Subscripted | 下标 | 化学式 | |||||||||
| strong | Strong | 表示内容重要，加强语气，显示为粗体。 | <p><strong>哈哈</strong>111</p> | |||||||||
| em | Emphasized | 起到强调左右，能够细微改变语句的含义。默认显示斜体。 | ||||||||||
| img | image | 添加图像 |
| |||||||||
| figure figcaption | figure | 为图片增加说明。 |
| |||||||||
| table | table | 表格 |
| |||||||||
| tr | table row | 行 | ||||||||||
| td | table data | 单元格 | ||||||||||
| th | table heading | 列或行的标题 | ||||||||||
| thead | 1.<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用，用来规定表格的各个部分 （表头、主体、页脚） 2.当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。 3.<thead> 标签必须被用在以下情境中：作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 元素之后，<tbody>、 <tfoot> 和 <tr> 元素之前。 4.<thead> 元素内部必须包含一个或者多个 <tr> 标签。 |
| ||||||||||
| tbody | ||||||||||||
| tfoot | ||||||||||||
| form | form | 表单 |
| |||||||||
| input | <input> 标签规定了用户可以在其中输入数据的输入字段。 <input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。 输入字段可通过多种方式改变，取决于 type 属性。 <input> 元素是空的,它只包含标签属性。 你可以使用 <label> 元素来定义 <input> 元素的标注。 | |||||||||||
| button | 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。 |
| ||||||||||
| checkbox | 定义复选框。 |
| ||||||||||
| file | 定义输入字段和 "浏览"按钮，供文件上传。 |
| ||||||||||
| hidden | 定义隐藏的输入字段。 |
| ||||||||||
| image | 定义图像形式的提交按钮。 |
| ||||||||||
| password | 定义密码字段。该字段中的字符被掩码。 |
| ||||||||||
| radion | 定义单选按钮。 |
| ||||||||||
| reset | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
| ||||||||||
| submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
| ||||||||||
| text | 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。 |
| ||||||||||
| select | 定义下拉列表。 |
| ||||||||||
