儘管出現了很多圖片分享、影片直播網站,文字依然是最主要的Web內容,尤其在技術領域。
文字段(Paragraphs)<p> //www.w3.org/TR/html5/ 規範定義了全球資訊網核心語言(超文字標記語言,即HTML)的第5個大版本。 </p>
列表(List)列表有三種不同形式:
<ul>無序列表
<ol>有序列表(使用自動排序的數字序號)
<dl>定義列表
列表有具體的結構要求:
<ul>和<ol>必須包含並且是直接包含元素<li>,<li>代表列表項(list-items)。
同理,<li>元素不能被單獨使用,必須包含在<ul>或<ol>元素中。
無序列表是最常見的列表元素,用來把一些有序列關係的元素組合起來,不在意特定的排序。
<p>電腦部件列表</p>
<ul>
<li>記憶體</li> <li>硬碟</li> <li>顯示器</li> <li>鍵盤</li>
</ul>
無序列表項(預設情況下)顯示時帶有字首符號:小黑點(bullet points).
電腦部件列表:
記憶體硬碟顯示器鍵盤有序列表當這些列表項有明確的先後順序時,需要使用有序列表:
<ol> <li>Step one</li> <li>Step two</li> <li>Last Step</li></ol>
有序列表由瀏覽器自動新增數字序號。
註冊引導:
開始中間步驟確認定義列表定義列表用來包含成對的項,每個列表項必須包含定義術語(definition terms)<dt> 和定義描述(definition description) <dd>。
HTML
<dl> <dt>Name: </dt> <dd>Ghost</dd> <dt>Age: </dt> <dd>23</dd> <dt>Gender: </dt> <dd>Male</dd> <dt>Day of Birth:</dt> <dd>26th May 1986</dd></dl>
CSS
dl { margin-bottom: 50px;}dl dt { background: #5f9be3; color: #fff; float: left; font-weight: bold; margin-right: 10px; padding: 5px; width: 100px;}dl dd { margin: 2px 0; padding: 5px 0;}
Result
Name:Ghost
Age:23
Gender:Male
Day of Birth:26th May 1986
定義列表適合用於一些屬性或術語定義的場合,但實際使用很有限,作為替代方案,表格實際上用得更多,當多列表格退化為兩列時,就和定義列表類似。
塊引用(Blockquotes)塊引用通常用於突顯文章中的重要描述。
<p>網際網路之父 Tim Berners-Lee 說過:</p><blockquote> “Web的原意是希望透過網際網路建立一個資訊合作和分享的空間。”</blockquote>
網際網路之父 Tim Berners-Lee 說過:
“Web的原意是希望透過網際網路建立一個資訊合作和分享的空間。”
標題(Headings)總共有6級標題,從 <h1> 到 <h6>,重要性依次降低。
標題用來對文字段落或列表的內容進行概要性描述,因此標題在語義上有更高的權重。 合理適度地使用標題,可使得文件結構分明,透過指令碼的幫助還能自動生成文件目錄