前端进阶之——HTML标签

红色 ——> HTML5中不在支持的标签。

绿色 ——> HTML5中支持的标签。



  • 基础

           <!DOCTYPE>  ——>  定义文档类型。

所有主流浏览器都支持 <!DOCTYPE> 声明。
使用得代码示例:

<!DOCTYPE html>
<html>
<head>
<title>这里是代码主题</title>
</head>

<body>
这里书写代码
</body>

</html>
-------------
<!DOCTYPE> 在不同的标准中使用有所不同具体的区别如下:
HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。
HTML5中的:
    <!DOCTYPE html>
HTML4.01 Strict中:
    这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font ),不允许使用框架。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
HTML 4.01 Transitional中:
    这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font ),不允许使用框架。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
      
HTML 4.01 Frameset 中:
    这个 DTD 与 HTML 4.01 Transitional 相同,但是允许使用框架集内容。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    
XHTML 1.0 Strict   中:
    这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font ),框架集是不允许的。结构必须按标准格式的 XML 进行书写。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional 中:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset 中:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 中:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

           <html>           ——> 定义一个 HTML 文档

           <title>            ——>为文档定义一个标题

            <body>          ——> 定义文档的主体

            <h1> to <h6>——> 定义 HTML 标题

            <p>                ——>定义一个段落

            <br>               ——> 定义简单的折行。

            <hr>               ——> 定义水平线。

            <!--...-->         ——> 定义一个注释

<!--...--> 
<!--这里是注释标签 -->
<p>this is page<p/>
--------------
所有得浏览器都支持该标签,注释标签在开发中得使用是非常得重要得,增强代码得可读性。
  • 格式

            <acronym>     ——>HTML5不再支持。 定义只取首字母的缩写。

            <abbr>            ——>定义一个缩写。

            <address>       ——>定义文档作者或拥有者的联系信息。

            <b>             ——>定义粗体文本。

            <bdi>New             ——>允许您设置一段文本,使其脱离其父元素的文本方向设置。

            <bdo>             ——>定义文本的方向。

            <big>             ——>HTML5不再支持。 定义大号文本。

            <blockquote>            ——> 定义块引用。

            <center>             ——>HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。

            <cite>             ——>定义引用(citation)。

            <code>             ——>定义计算机代码文本。

            <del>            ——> 定义被删除文本。

            <dfn>            ——> 定义定义项目。

            <em>             ——>定义强调文本。 

            <font>            ——> HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色

            <i>             ——>定义斜体文本。

            <ins>            ——> 定义被插入文本。

            <kbd>            ——> 定义键盘文本。

            <mark>New            ——> 定义带有记号的文本。

            <meter>New             ——>定义度量衡。仅用于已知最大和最小值的度量。

            <pre>            ——> 定义预格式文本

            <progress>New            ——> 定义运行中的任务进度(进程)。

            <q>            ——> 定义短的引用。

            <rp>New             ——>定义不支持 ruby 元素的浏览器所显示的内容。

            <rt>New            ——> 定义字符(中文注音或字符)的解释或发音。

            <ruby>New             ——>定义 ruby 注释(中文注音或字符)。

            <s>             ——>定义加删除线的文本。

            <samp>             ——>定义计算机代码样本。

            <small>            ——> 定义小号文本。

            <strike>             ——>HTML5不再支持。 HTML 4.01 已废弃。 定义加删除线的文本。

            <strong>            ——> 定义语气更为强烈的强调文本。

            <sub>             ——>定义下标文本。

            <sup>             ——>定义上标文本。

            <time>New             ——>定义一个日期/时间

            <tt>             ——>HTML5不再支持。 定义打字机文本。

            <u>            ——> 定义下划线文本。

            <var>            ——> 定义文本的变量部分。

            <wbr>New             ——>规定在文本中的何处适合添加换行符。

  • 表单

            <form>            ——>  定义一个 HTML 表单,用于用户输入。

            <input>            ——>  定义一个输入控件

            <textarea>            ——> 定义多行的文本输入控件。

            <button>             ——> 定义按钮。

            <select>             ——> 定义选择列表(下拉列表)。

            <optgroup>             ——> 定义选择列表中相关选项的组合。

            <option>             ——> 定义选择列表中的选项。

            <label>             ——> 定义 input 元素的标注。

            <fieldset>            ——>  定义围绕表单中元素的边框。

            <legend>             ——> 定义 fieldset 元素的标题。

            <datalist>New            ——>  规定了 input 元素可能的选项列表。

            <keygen>New             ——> 规定用于表单的密钥对生成器字段。

            <output>New             ——> 定义一个计算的结果

  • 框架

          <frame> ——>HTML5不再支持。 定义框架集的窗口或框架。

         <frameset> ——>HTML5不再支持。定义框架集。

          <noframes> ——>HTML5不再支持。 定义针对不支持框架的用户的替代内容。

          <iframe> ——>定义内联框架。

  • 图像

         <img>              ——> 定义图像。

         <map>              ——> 定义图像映射。

         <area>              ——> 定义图像地图内部的区域。

         <canvas>New              ——> 通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。

         <figcaption>New              ——> 定义一个 caption for a <figure> element

         <figure>New              ——> figure 标签用于对元素进行组合。

  • Audio/Video

         <audio>New              ——> 定义声音,比如音乐或其他音频流。

         <source>New              ——> 定义media元素 (<video> 和 <audio>)的媒体资源。media

         <track>New              ——> 为媒体(<video> 和 <audio>)元素定义外部文本轨道。

         <video>New              ——> 定义一个音频或者视频

  • 链接

         <a>              ——> 定义一个链接

         <link>              ——> 定义文档与外部资源的关系。

         <nav>New             ——>  定义导航链接

  • 列表

            <ul>             ——>  定义一个无序列表

            <ol>             ——>  定义一个有序列表

            <li>              ——> 定义一个列表项

            <dir>              ——> HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。

            <dl>              ——> 定义一个定义列表

            <dt>              ——> 定义一个定义定义列表中的项目。

            <dd>             ——>  定义定义列表中项目的描述。

            <menu>             ——>  定义菜单列表。

            <command>New             ——>  定义用户可能调用的命令(比如单选按钮、复选框或按钮)。

  • 表格

            <table>             ——>  定义一个表格

            <caption>             ——>  定义表格标题。

            <th>              ——> 定义表格中的表头单元格。

            <tr>              ——> 定义表格中的行。

            <td>              ——> 定义表格中的单元。

            <thead>              ——> 定义表格中的表头内容。

            <tbody>              ——> 定义表格中的主体内容。

            <tfoot>              ——> 定义表格中的表注内容(脚注)。

            <col>              ——> 定义表格中一个或多个列的属性值。

            <colgroup>             ——>  定义表格中供格式化的列组。

  • 样式/节

            <style>              ——> 定义文档的样式信息。

            <div>              ——> 定义文档中的节。

            <span>             ——>  定义文档中的节。

            <header>New             ——>  定义一个文档头部部分

            <footer>New              ——> 定义一个文档底部

            <section>New              ——> 定义了文档的某个区域

            <article>New              ——> 定义一个文章内容

            <aside>New              ——> 定义其所处内容之外的内容。

            <details>New              ——> 定义了用户可见的或者隐藏的需求的补充细节。

            <dialog>New              ——> 定义一个对话框或者窗口

            <summary>New              ——> 定义一个可见的标题。 当用户点击标题时会显示出详细信息。

  • 元信息

            <head>              ——> 定义关于文档的信息

            <meta>              ——> 定义关于 HTML 文档的元信息。

            <base>              ——> 定义页面中所有链接的默认地址或默认目标。

            <basefont>              ——> HTML5不再支持。 HTML 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。

  • 程序

            <script>              ——> 定义客户端脚本。

            <noscript>              ——> 定义针对不支持客户端脚本的用户的替代内容。

            <applet>              ——> HTML5不再支持。 HTML 4.01 已废弃。 定义嵌入的 applet。

            <embed>New              ——> 定义了一个容器,用来嵌入外部应用或者互动程序(插件)。

            <object>              ——> 定义嵌入的对象。

            <param>              ——> 定义对象的参数。




转载于:https://my.oschina.net/wenz/blog/307104

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值