1. <p>標簽 表示段落,多個空白符會合併成一個;<pre>標簽表示預文本段落,所有空白符都不合併。 //臨江仙詩句 <p>滾滾長江東逝水,浪花淘盡英雄,是非成敗轉頭空。 青山依舊在,幾度夕陽紅。</p> <pre>白髮漁樵江渚上,慣看秋月春風,一壺濁酒喜相逢。 古今多少事,都付笑談中。</pre ...
1. <p>
標簽
表示段落,多個空白符會合併成一個;<pre>
標簽表示預文本段落,所有空白符都不合併。
//臨江仙詩句
<p>滾滾長江東逝水,浪花淘盡英雄,是非成敗轉頭空。
青山依舊在,幾度夕陽紅。</p>
<pre>白髮漁樵江渚上,慣看秋月春風,一壺濁酒喜相逢。
古今多少事,都付笑談中。</pre>
2. <ul>
標簽
表示無序列表,表現為每個子項前都有圓點;<ol>
標簽表示有序列表,表現為每個子項前都有序號;<li>
標簽表示列表的子項目。
//無序列表
<ul> 導航:
<li>首頁</li>
<li>分類</li>
</ul>
//有序列表
<ol> 目錄:
<li>第一章:靈感</li>
<li>第二章:創作</li>
</ol>
3. <dl>
標簽
表示定義列表;<dt>
標簽表示定義列表的標題;<dd>
標簽表示定義列表的數據。
<dl>
<dt>IEC</dt>
<dd>國際電工委員會(International Electrotechnical Commission)成立於1906
年,它是世界上成立最早的國際性電工標準化機構,負責有關電氣工程和電子工程領域中
的國際標準化工作。 </dd>
</dl>
4. <header>
標簽
語義標簽,表示文檔的頭部;<main>
標簽表示文檔的主體;<footer>
標簽表示文檔的頁腳。前面三個標簽與<div>
標簽效果一致,但重在語義的強調上面。
//可以放置網站logo及導航鏈接
<header> 網站logo 導航鏈接 </header>
//可以放置文章內容或評論
<main> 文章標題 文章內容 </main>
//可以放置聯繫信息或版權信息
<footer> 版權信息 備案信息 </footer>
5. <article>
標簽
語義標簽,表示重要的獨立內容,例如某段文章的內容;<aside>
標簽表示不那麼重要的偏旁內容,例如文章的分類標簽,作者信息等。
<h1>斷章節選</h1>
<article>你站在橋上看風景,看風景的人在橋上看你;明月裝飾了你的夢,你裝飾了別人的
夢。</article>
<aside>作者:卞之琳,祖籍南京市溧水區,現當代詩人、文學評論家、翻譯家。</aside>
6. <hgroup>
標簽
語義標簽,表示標題的分組;<h1>
標簽表示一級標題;<h2>
標簽表示二級標題;<h3>
標簽表示三級標題;<h4>
標簽表示四級標題;<h5>
標簽表示五級標題;<h6>
標簽表示六級標題。
<hgroup>
<h1>宇宙歷史</h1>
<h2>世界歷史</h2>
<h3>亞洲歷史</h3>
<h4>中國曆史</h4>
<h5>唐朝歷史</h5>
<h6>安史之亂</h6>
</hgroup>
7. <address>
標簽
語義標簽,表示文檔作者的聯繫信息,表現為略微傾斜的字體,一般放在<footer>
標簽裡面。
<address>聯繫站長:<a href="mailto:[email protected]">絕彈</a> </adress>
8. <nav>
標簽
語義標簽,表示導航內容,與<ol>
、<ul>
標簽相比,強調語義的作用。
<nav>
<a href="/">首頁</a>
<a href="/about">關於</a>
</nav>
英語單詞
p:段落(paragraph的縮寫)
pre: 預定義(predefined的縮寫)
header: 頭部
main:主要
footer:腳部
article:文章
aside:旁白
h:大字標題(headline的縮寫)
group:分組
adress:地址
nav:導航(navigation的縮寫)
ul:無序列表(unorder list的縮寫)
ol: 有序列表(order list的縮寫)
li:列表項目(list item的縮寫)
dl:定義列表(defined list的縮寫)
dt:定義列表標題(defined title的縮寫)
dd:定義列表數據(defined data的縮寫)
nav: 導航(navigator的縮寫)