首頁>技術>

儘管出現了很多圖片分享、影片直播網站,文字依然是最主要的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>,重要性依次降低。

標題用來對文字段落或列表的內容進行概要性描述,因此標題在語義上有更高的權重。 合理適度地使用標題,可使得文件結構分明,透過指令碼的幫助還能自動生成文件目錄

8
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 大資料開發基礎之JAVA基礎語法一