美文网首页
HTML5常用标签

HTML5常用标签

作者: stephenoo | 来源:发表于2019-02-05 20:48 被阅读0次

一.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>:定义任何类型的任务的进度.

相关文章

  • HTML5基础知识

    一、HTML5结构以及常用标签 1、HTML5常用标签 (1)、声明文档类型 (2)网页字符集设置 网页相关的信息...

  • 2019-03-19 html常用标签词汇

    html常用标签词汇 html5新增表单类型

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • HTML的语义化

    笔记类文章 常用HTML5语义化标签 结构标签 header nav main article section a...

  • web前端面试题

    1.写出HTML5新增语义化标签以及表单控件(越多越好)常用的语义化标签 : , , , , , ...常用的表...

  • Day2

    DTD:文档类型的定义。 HTML5标准: HTML常用标签: 标题标签:标注当前页...

  • HTML5的简介和新旧标签得对比

    HTML5就是对HTML4得升级,在HTML5中标签更加语义化,我们之前常用的标签有div,h1-h6,p,ul,...

  • HTML5常用标签(1)--基础

    初学web前端,学习过程中总结了一下html5常用的标签,先做一个系列,介绍下各个标签作用。 先介绍下常用基础标签...

  • 前端技能总结

    目前已学习的内容 HTML HTML常用标签 HTML语义化 HTML5新增标签 CSS CSS语法 CSS选择器...

网友评论

      本文标题:HTML5常用标签

      本文链接:https://www.haomeiwen.com/subject/hjgvsqtx.html