HTML標簽總結

今天有機會將css的內容重新總結一次也是一件極好的事,從較基本的總結一遍,也便于對基本概念的更深入的理解。

HTML基本的標簽;在這里將HTML標簽進行分類,一共12類,分別為:基礎、格式、表單、框架、圖像、音頻/視頻、鏈接、列表、表格、樣式/節、元信息、編程。下面對這些標簽內的內容分別介紹一下。


基礎標簽(root element)


<!DOCTYPE>:定義,聲明文檔類型

<html>:html文檔的根節點,定義html文檔

<title>:定義文檔的標題

<body>:定義文檔的主體

<h1> -- <h6>:定義html的標題

<p>:定義html段落

<br>:定義一個簡單的換行

<hr>:定義一條水平線

<!--...-->:html文檔的注釋


格式標簽


<acronym>:定義只取首字母的縮寫

<abbr>:定義縮寫

<address>:定義文檔作者或擁有者的聯系信息

<b>:定義粗體文本

<bdi>:定義文本的方向,使其脫離周圍文本的方向設置(h5)

<bdo>:定義文字的方向

<big>:將文本定義為大號字體

<blockquote>:定義長的引用文本

<center>:定義文本的居中(不建議使用)

<cite>:定義引用

<code>:定義計算機代碼的文本

<del>:定義被刪除的文本

<dfn>:定義一個定義項目

<em>:定義強調文本

<font>:定義文本的字體,尺寸和顏色(不建議使用)

<i>:定義斜體文本

<ins>:定義被插入的文本

<kbd>:定義鍵盤文本

<mark>:定義有記號的文本(h5)

<meter>:定義預定義范圍內的度量(h5)

<pre>:定義預定義文本

<progress>:定義如何類型的任務的進度(h5)

<q>:定義短的引用

<rp>:定義瀏覽器不支持ruby元素顯示的內容(h5)

<rt>:定義ruby注釋的解釋(h5)

<ruby>:定義ruby的注釋(h5)

<s>:定義加刪除線的文本(不建議使用)

<samp>:定義計算機代碼樣本

<small>:定義小號的字體

<strike>:定義加刪除線的文本(不建議使用)

<strong>:定義語氣更加強烈的強調文本

<sup>:定義上標文本

<sub>:定義下表文本

<time>:定義時間(h5)

<tt>:定義打印機文本

<u>:定義下劃線文本(不建議使用)

<var>:定義文本的變量部分

<wbr>:定義可能的換行符(h5)


表單


<form>:定義HTML表單

<input>:定義輸入標簽

<textarea>:定義多行文本

<button>:定義按鈕

<select>:定義下拉列表

<optgroup>:定義選擇列表中的相關選項的組合

<option>:定義選擇列表中的選項

<label>:定義input選項的標注

<fieldset>:定義圍繞表單中元素中的元素的邊框

<legend>:定義fieldset元素的標題

<isindex>:定義與文檔相關的可搜索索引(不建議使用)

<datalist>:定義下拉列表(h5)

<keygen>:定義生成密鑰(h5)

<output>:定義輸出的一些類型(h5)


框架


<frame>:定義框架集的窗口或框架

<frameset>:定義框架集

<noframes>:定義針對不支持框架的用戶的替代內容

<iframe>:定義內聯框架


圖像


<img>:定義圖像

<map>:定義圖像的映射

<area>:定義圖像地圖內部的區域

<canvas>:定義圖形(h5)

<figcaption>:定義figure元素的標題(h5)

<figure>:定義媒介內容的分組,以及他們的標題(h5)


音頻/視頻(h5)


<audio>:定義聲音內容

<source>:定義媒介源

<track>:定義在媒體播放器中的文本軌道

<video>:定義視頻


鏈接


<a>:定義文本鏈接或者錨

<link>:定義文檔與外部資源的鏈接

<nav>:定義導航鏈接


列表


<ul>:定義無序列表

<ol>:定義有序列表

<li>:定義列表的項目

<dir>:定義目錄列表(不建議使用)

<dl>:定義自定義列表

<dt>:定義自定義列表中的項目

<dd>:定義自定義列表項目中的描述

<menu>:對命令的菜單/列表

<menuitem>:定義用戶可以彈出菜單調用的命令/菜單項目

<command>:定義命令按鈕(h5)


表格


<table>:定義表格

<caption>:定義表格的標題

<th>:定義表格中表頭的單元格

<tr>:定義表格中的行

<td>:定義表格中的單元

<thead>:定義表格中的表頭內容

<tbody>:定義表格中的主體內容

<tfoot>:定義表格中的標注內容

<col>:定義表格中的一個或多個列的屬性值

<colgroup>:定義表格中供格式化的列組


樣式/節


<style>:定義文檔的樣式信息

<div>:定義文檔中的節點

<span>:定義文檔中的節點

<header>:定義頁面頭部(h5)

<footer>:定義頁面尾部(h5)

<section>:定義section(h5)

<article>:定義文章(h5)

<aside>:定義頁面內容以外的內容(h5)

<details>:定義元素的細節(h5)

<dialog>:定義對話窗口(h5)

<summary>:為細節節點第一可見的標題(h5)


元信息


<head>:定義文檔的信息

<meta>:定義文檔的元信息

<base>:定義頁面中所有鏈接的默認地址或默認目標

<basefont>:定義頁面中的默認字體、顏色或尺寸


編程腳本標簽


<script>:定義客戶端腳本

<noscript>:定義針對不支持瀏覽器腳本的用戶的替代內容

<applet>:定義嵌入的applet(不建議使用)

<embed>:定義外部應用程序(非html)的定義容器(h5)

<object>:定義嵌入的對象

<param>:定義對象的參數



最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,269評論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,320評論 1 41
  • 人生有很多第一次,第一次學著走路,第一次學著說話,...第一次學著去愛 第一次,我們也不免跌倒,不免受傷,可就算再...
    貓三角看世界閱讀 602評論 0 3
  • 抗洪是一場戰爭,既然是戰爭,就應該要有結果,定出勝負。 這次,依舊沒有意外,我們贏了。 今天,是我所在單位凱旋的日...
    弘毅劍心閱讀 259評論 4 4