HTML5常用标签

一.HTML文档标签

  1. <!DOCTYPE>: 定义文档类型.

  2. <html>: 定义HTML文档.

  3. <head>: 定义文档的头部.(头部内包含)

    (1). `<meta>`: 定义元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词.
    (2). `<base>`:定义页面上的所有链接规定默认地址或默认目标.
    (3). `<title>`: 定义文档的标题.
    (4).  `<link>`: 定义文档与外部资源的关系.
    (5).  `<style>`:定义 HTML 文档样式信息.
    
  4. <body>: 定义文档的主体.(脚本在非必须情况时在主体内容最后)

    (1). `<script>`: 定义客户端脚本,比如 JavaScript.
    (2). `<noscript>`:定义在脚本未被执行时的替代内容.(文本)
    
    

二.布局标签&语义化

  1. <div>:定义块级元素.

  2. <span>:定义行內元素.

  3. <header>1:定义区段或页面的页眉.(头部)

  4. <footer>:定义区段或页面的页脚.(足部)

  5. <section>:定义文档中的区段.

  6. <article>:定义文章.

  7. <aside>:定义页面内容之外的内容.

  8. <details>:定义元素的细节.

  9. <summary>:定义 <details> 元素可见的标题.

    1. <dialog>:定义对话框或窗口.
    2. <nav>:定义导航.
    3. <hgroup>:定义标题组

三.表格标签

  1. <table>:定义表格.

  2. <thead>:定义页眉.

  3. <tbody>:定义主体.

  4. <tfoot>:定义页脚.

  5. <caption>:定义标题.

  6. <th>:定义表头.

  7. <tr>:定义一行.

  8. <td>:定义单元格.

四.表单标签

  1. <form>:定义表单.(表单包含在form标签中)

  2. <input>:定义输入域.

  3. <textarea>:定义文本域.(多行)

  4. <label>:定义一个控制的标签.(input 元素的标注)

  5. <fieldset>:定义域.

  6. <legend>:定义域的标题.

  7. <select>:定义一个选择列表.

  8. <optgroup>:定义选择组.

  9. <option>:定义下拉 列表的选项.

    1. <button>:定义按钮.(定义围绕表单中元素的边框.)
    2. <fieldset>:定义围绕表单中元素的边框.
    3. <legend>:定义 fieldset 元素的标题.
    4. <fieldset>:定义选项列表.与input 元素配合使用该元素,来定义 input 可能的值.
    5. <keygen>:定义表单的密钥对生成器字段.
    6. <output>:定义不同类型的输出,比如脚本的输出.

五.列表标签

  1. <ul>:定义无序列表.

  2. <ol>:定义有序列表.

  3. <li>:定义列表项.

  4. <dl>:定义自定义列表.

  5. <dt>:定义自定义列表项.

  6. <dd>:定义自定义的描述.

六.图像&链接标签

  1. <img>:定义图像.注意加上alt属性

  2. <a>:定义超链接.

  3. <map>:定义图像映射。

  4. <area>:定义图像地图内部的区域.

  5. <figure>:定义媒介内容的分组.

  6. <figcaption>:定义 <figure> 元素的标题.

七.音频/视频

  1. <audio>:定义声音内容.

  2. <source>:定义媒介源.

  3. <track>:定义用在媒体播放器中的文本轨道.

  4. <video>:定义视频.

八.框架标签

  1. <iframe>:内联框架.

九.格式标签

1.文章标签

  1. <h1>-<h6>:定义 HTML 标题.

  2. <p>:定义段落.

  3. <br>:定义换行.

  4. <hr>:定义水平线.

  5. <bdo>:定义文字方向.

  6. <pre>:定义预格式文本.

  7. <abbr>:定义缩写.

  8. <address>:定义文档作者或拥有者的联系信息.

  9. <ins>:定义被插入文本.

    1. <del>:定义被删除文本.
    2. <time>:定义日期/时间.

2.短语元素标签

  1. <em>:定义强调文本.

  2. <strong>:定义语气更为强烈的强调文本.

  3. <dfn>:定义定义项目.

  4. <code>:定义计算机代码文本.

  5. <samp>:定义计算机代码样本.

  6. <kbd>:定义键盘文本.

  7. <var>:定义文本的变量部分.

  8. <sup>:定义上标文本.

  9. <sub>:定义下标文本.

    1. <cite>:定义引用.
    2. <blockguote>:定义长的引用.
    3. <q>:定义短的引用.

3.字体样式标签

  1. <i>:显示斜体文本效果.

  2. <b>:呈现粗体文本效果.

  3. <big>:呈现大号字体效果.

  4. <small>:呈现小号字体效果.

  5. <mark>:定义有记号的文本.

十.其它

  1. <canvas>:定义图形容器,必须使用脚本来绘制图形。

  2. <meter>:定义预定义范围内的度量.

  3. <progress>:定义任何类型的任务的进度.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 1,310评论 0 10
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,034评论 1 25
  • 文本样式 加粗 倾斜 下划线 删除线 上标 下标 标题 我是h1标题 ..... 我是h6标题 标题岁数...
    我是渐渐呀阅读 853评论 0 3
  • 标签内部常用元素: H1-H6 - 标签可定义标题。 定义最大的标题。 定义最小的标题。 由于 h 元素拥有确切的...
    齐桓公阅读 403评论 0 1
  • 初学web前端,学习过程中总结了一下html5常用的标签,先做一个系列,介绍下各个标签作用。 先介绍下常用基础标签...
    齐桓公阅读 268评论 0 0