標籤 | 描述 | 示例 |
---|---|---|
<!DOCTYPE> | 定義文檔類型。 | HTML5 : <!DOCTYPE html>javascript HTML4.* :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">css |
<meta> | 定義關於 HTML 文檔的元信息。 | 規定頁面的描述、關鍵詞、文檔的做者、最後修改時間以及其餘元數據html 指定字符集:<meta http-equiv="Content-Type" content="text/html; charset=utf-8">html5 禁止轉碼:<meta http-equiv="Cache-Control" content="no-siteapp" />java 優先使用IE11:<meta http-equiv="x-ua-compatible" content="ie=IE11">web SEO:<meta name="keywords" content="FullStack">瀏覽器 移動端設置:<meta name="screen-orientation" content="portrait"> 強制豎屏...等等ruby |
<datalist>服務器 <select>app |
定義下拉列表。 定義選擇列表(下拉列表)。 |
datalist以下:
select只能選擇給定選項 datalist支持輸入填寫,支持模糊查找匹配 |
<ol><ul><li> | 定義列表。 有序列表 無序列表 |
<ol> <ul>
|
定義框架集的窗口或框架。 | <frameset cols="25%,50%,25%"> </frameset><frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> |
|
<abbr> | 定義縮寫。 | <abbr title="People's Republic of China">PRC</abbr>
|
<address> | 定義文檔做者或擁有者的聯繫信息。 | 僅語義特性,效果同div |
<applet> | 不同意使用。定義嵌入的 applet。 | 嵌入的 Java applet |
<article> | 定義文章。 | 僅語義特性,效果同div |
<aside> | 定義頁面內容以外的內容。 | 僅語義特性,效果同div |
<base> | 定義頁面中全部連接的默認地址或默認目標。 | <head> </head> <body> <img src="eg_smile.gif" /> //此圖片會在w3school域名下尋找 </body><base href="http://www.w3school.com.cn/i/" /><base target="_blank" /> |
<bdi> | 定義文本的文本方向,使其脫離其周圍文本的方向設置。 | |
<bdo> | 定義文字方向。 | <bdo dir="rtl"> Here is </bdo> 結果- si ereH |
<blockquote> | 定義長的引用。 | 文字左右縮進並有換行 |
<caption> | 定義表格標題。 | 內嵌於table |
定義 | 僅語義特性,效果同div,可以使用css實現 | |
<col> | 定義表格中一個或多個列的屬性值。 | |
<colgroup> | 定義表格中供格式化的列組。 | |
<dd><dl><dt> | 定義列表 | <dl> 結果:
|
<del><ins> | 定義被刪除文本。 | |
<details><summary> | 定義元素的細節。 | <details>
|
<dialog> | 定義對話框或窗口。 | Chrome 和 Safari 6 和支持 |
<embed> | 定義外部交互內容或插件。 | <embed src="/i/helloworld.swf" /> 播放該文件 |
<fieldset><legend> | 定義圍繞表單中元素的邊框。 | <fieldset>
|
<figure><figcaption> | 定義 figure 元素的標題。 | 僅語義特性,效果同div |
<header><footer> | 定義 section 或 page 的頁腳。 | 僅語義特性,效果同div |
<hr> | 定義水平線。 | |
<iframe> | 定義內聯框架。 | frame不能脫離frameSet單獨使用,iframe能夠 Frame與Iframe二者能夠實現的功能基本相同,不過Iframe比Frame具備更多的靈活性 |
<keygen> | 定義生成密鑰。 | 配合表單使用,當提交表單時,私鑰存儲在本地,公鑰發送到服務器 |
<map><area> | 定義圖像映射。 | 定義圖片中的部分區域可點擊並具備href |
<mark> | 定義有記號的文本。 | <mark>milk</mark>
|
定義預約義範圍內的度量。
|
<meter value="3" min="0" max="10">3/10</meter> <progress value="22" max="100"></progress> |
|
<nav> | 定義導航連接。 | |
<object><param> | 定義內嵌對象。定義對象的參數。 | |
定義選擇列表中相關選項的組合。 | <select>
|
|
<pre> | 定義預格式文本。 | <pre> 標籤的一個常見應用就是用來表示源代碼 <pre> <script type="text/javascript" src="loadxmldoc.js"> </script> </pre> <script type="text/javascript" src="loadxmldoc.js"> </script> |
<q> | 定義短的引用。 | 給文字加引號 <q>This is a short quotation</q> |
定義 ruby 註釋。 定義 ruby 註釋的解釋。 定義若瀏覽器不支持 ruby 元素顯示的內容。 |
<ruby> 結果:
|
|
<source> | 定義媒介源。 瀏覽器選擇它所支持的文件 |
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> |
<sub><sup> | 定義下標文本。 |
|
<tfoot> | 定義表格中的表注內容(腳註)。 | |
<thead> | 定義表格中的表頭內容。 |