HTML 部分很是用標籤

 

 

標籤 描述 示例
<!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>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>

<ul>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ul>

 

<frameset><frame>

<noframes>

定義框架集的窗口或框架。  
<frameset cols="25%,50%,25%">
 <noframes>
 <body>Your browser does not handle frames!</body>
</noframes>
  </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

<cite><dfn><em>

<code><strong><kbd>

<var><samp><small><time>

定義  僅語義特性,效果同div,可以使用css實現
<col> 定義表格中一個或多個列的屬性值。  
<colgroup> 定義表格中供格式化的列組。  
<dd><dl><dt> 定義列表  

<dl>
<dt>計算機</dt>
<dd>用來計算的儀器 ... ...</dd>
<dt>顯示器</dt>
<dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>

結果:

 

<del><ins> 定義被刪除文本。   
<details><summary> 定義元素的細節。  

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>

 

<dialog> 定義對話框或窗口。  Chrome 和 Safari 6 和支持
<embed> 定義外部交互內容或插件。

 <embed src="/i/helloworld.swf" />

播放該文件

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

<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
體重:<input type="text" />
</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>

<progress>

定義預約義範圍內的度量。

 

 <meter value="3" min="0" max="10">3/10</meter>

<progress value="22" max="100"></progress>

<nav> 定義導航連接。  
<object><param> 定義內嵌對象。定義對象的參數。  

<optgroup>

<option>

定義選擇列表中相關選項的組合。  

<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

 

<pre> 定義預格式文本。

 <pre> 標籤的一個常見應用就是用來表示源代碼

<pre>
  &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
&lt;/script&gt;
</pre>
結果:
<script type="text/javascript" src="loadxmldoc.js">
</script>
<q> 定義短的引用。

 給文字加引號

<q>This is a short quotation</q>

<ruby>

<rt>

<rp>

定義 ruby 註釋。

定義 ruby 註釋的解釋。

定義若瀏覽器不支持 ruby 元素顯示的內容。

 

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</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> 定義表格中的表頭內容。
相關文章
相關標籤/搜索