码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签列表

时间:2018-05-31 10:43:35      阅读:672      评论:0      收藏:0      [点我收藏+]

标签:电子邮件   同方   detail   app   拆分   计算机程序   rip   base   顺序   

  对于HTML标签还不是很熟悉,下面罗列一下各个HTML标签,按照功能将其分组,便于寻找。

1.根元素

  <html>----表示一个HTML文档的根

2.文档元数据(包括样式、脚本及数据)

  <link>----指定外部资源与当前文档的关系,通常用来链接样式表

  <meta>----表示不能由其它HTML元相关元素(base,link,script,style,title)之一表示的任何元数据信息

  <style>----包含文档的样式化信息,通常为CSS格式

  <title>----定义文档的标题,显示在浏览器的标题栏

3.内容分区(页眉、页脚、导航、标题等)

  <address>----让作者为最近的<artice>或<body>祖先元素提供联系信息

  <article>----表示文档、页面、应用或网站中的独立结构

  <aside>----表示一个和其余页面内容几乎无关的部分

  <footer>----表示最近一个章节内容或根节点元素的页脚

  <header>----表示一组引导性的帮助

  <h1><h2><h3><h4><h5><h6>----标题元素,h1表示最高级,h6表示最低级

  <hgroup>----代表一个段的标题(实验性API,请不要在生产环境使用)

  <nav>----HTML导航栏描绘一个含有多个超链接的区域

  <section>----表示文档中的一个区域或节

4.文本内容(<body></body>中的块或章节内容)

  <blockquote>----代表其中的文字是引用内容

  <dd>----指明一个描述列表(dl)元素中一个术语的描述,必须跟着一个<dt>元素

  <dir>----表示一个目录,文件名称的集合

  <div>----一个通用型的流内容容器,在语义上不代表任何类型的内容

  <dl>----包含术语定义以及描述的列表

  <dt>----在一个定义列表中声明一个术语

  <figcaption>----是与其相关联的图片的说明/标题,用?于描述其父节点 <figure>元素里的其他数据

  <figure>----代表一段独立的内容,经常与<figcaption>配合使用

  <hr>----表示段落级元素之间的主题转换

  <li>----用于表示列表里的条目。它必须被包含在一个父元素<ol> <ul>或<menu>

  <main>----呈现文档<body>或应用的主体部分

  <ol>----表示多个有序列表项,通常渲染为有带编号的列表

  <p>----表示文本的一个段落

  <pre>----表示预定义格式文本

  <ul>----代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的

5.内联文本语义

  <a>----可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接

  <abbr>----代表缩写,并可选择提供一个完整的描述

  <b>----用于吸引读者的注意到该元素的内容上

  <bdi>----会隔离可能以不同方向进行格式化的外部文本

  <bdo>----用于覆盖当前文本的朝向,它使得字符按给定的方向排列

  <br>----在文本中生成一个换行(回车)符号

  <cite>----表示一个作品的引用

  <code>----呈现一段计算机代码

  <data>----将一个指定内容和机器可读的翻译联系在一起

  <dfn>----表示术语的一个定义

  <em>----标记出需要用户着重阅读的内容, 它是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读

  <i>----用于表现因某些原因需要区分普通文本的一系列文本

  <kbd>----用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示

  <mark>----代表突出显示的文字

  <nobr>----阻止文本自动拆分成新行

  <q>----表示一个封闭的并且是短的行内引用的文本

  <rp>----用于为那些不能使用<ruby>元素展示 ruby 注解的浏览器,提供随后的圆括号

  <rt>----包含字符的发音,字符在 ruby 注解中出现,它用于描述东亚字符的发音

  <rtc>----包含文字的语义注解,它们在<rb>元素中展示

  <ruby>----被用来展示东亚文字注音或字符注释

  <s>----使用删除线来渲染文本

  <samp>----用于标识计算机程序输出

  <small>----將使文本的字体变小一号

  <span>----短语内容的通用行内容器,并没有任何特殊语义

  <strong>----表示文本十分重要,一般用粗体显示

  <sub>----定义了一个文本区域,因排版原因,展示得更低更小

  <sup>----定义了一个文本区域,因排版原因,展示得更高更小

  <time>----用来表示24小时制时间或者公历日期

  <tt>----产生一个内联元素,使用浏览器内置的 monotype 字体展示

  <u>----使文本在其内容的基线下的一行呈现下划线

  <var>----表示变量的名称,或者由用户提供的值

  <wbr>----一个文本中的位置

6.图片与多媒体

  <area>----在图片上定义一个热点区域,可以关联一个超链接

  <audio>----用于在文档中表示音频内容

  <img>----代表文档中的一个图像

  <map>----与<area>一起使用来定义一个图像映射(一个可点击的链接区域)

  <track>----被当作媒体元素—<audio> 和 <video>的子元素来使用

  <video>----用于在HTML或者XHTML文档中嵌入视频内容

7.内嵌内容

  <applet>----标志着包含了Java的applet

  <embed>----将外部内容嵌入文档中的指定位置

  <iframe>----表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中

  <object>----表示引入一个外部资源

  <param>----定义<object>的参数

  <picture>----一个容器,用来为其内部特定的 <img>元素提供多样的 <source> 元素

  <source>----

8.脚本

  <canvas>----被用来通过脚本(通常是JavaScript)绘制图形

  <noscript>----如果用户浏览器不支持script,那就显示noscript的内容

  <script>----用于嵌入或引用可执行脚本

9.编辑标识

  <del>----表示一些被从文档中删除的文字内容

  <ins>----定义已经被插入文档中的文本

10.表格内容

  <caption>----展示一个表格的标题

  <col>----定义表格中的列,并用于定义所有公共单元格上的公共语义

  <colgroup>----定义表中的一组列表

  <table>----表示表格数据 — 即通过二维数据表表示的信息

  <tbody>----

  <td>----

  <tfoot>----定义了一组计算表格中各列总和的行

  <th>----

  <thead>----定义了一组定义表格的列头的行

  <tr>----定义表格中的行

11.表单

  <button>----表示一个可点击的按钮

  <datalist>----包含了一组<datalist>元素,这些元素表示其它表单控件可选值

  <form>----表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息

  <input>----用于为基于Web的表单创建交互式控件,以便接受来自用户的数据

  <label>----表示用户界面中项目的标题

  <legend>----代表一个用于表示它的父元素<fieldest>的内容的标题

  <meter>----用来显示已知范围的标量值或者分数值

  <optgroup>----创建包含在一个<select>元素中的一组选项

  <option>----用于定义在<select>,<optgroup>或<datalist>元素中包含的项

  <output>----表示计算或用户操作的结果

  <progress>----用来显示一项任务的完成进度

  <select>----一种表单控件,可创建选项菜单

  <textarea>----表示一个多行纯文本编辑控件

12.交互元素

  <details>----

  <dialog>----表示一个对话框或其他交互式组件

  <menu>----呈现了一组用户可执行或激活的命令

  <menuitem>----

  <summary>---- 用作 一个<details>元素的一个内容的摘要,标题或图例。

HTML标签列表

标签:电子邮件   同方   detail   app   拆分   计算机程序   rip   base   顺序   

原文地址:https://www.cnblogs.com/xiaoxinwan/p/9114628.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!