有些文字元素並不會影響網頁結構,他們的用途是更精確地描述網頁內容。乍看之下沒什麼用處,但這能讓搜尋引擎和其他軟體便於使用這些資訊。
以下元素都有預設的樣式,但可以不用擔心樣式被固定,未來學的CSS能幫你將樣式做更換。
<body>
這是文字這是<em>重點</em>這是文字<br /><br />
這是文字這是<strong>超級重點</strong>文字<br /><br />
<blockquote cite="網站來源">
<p>
這是段落這是段落這是段落
這是段落這是段落這是段落
</p>
</blockquote>
<p>
這是文<q>字這是文</q>字這是文字
</p>
</body>
<em>
:
代表文中稍微有文意轉折的強調字眼,一般預設為斜體呈現。若想更改斜體樣式,之後學會CSS,可以使用CSS來做更改。<strong>
:
用法跟<em>
一樣,但比<em>
更加強調,預設為粗體字。<blockquote>
:
用於標示引述文字,可以在屬性內使用cite來標示網頁來源,但並會與來源網站做連結。通常是用在較長的引述,可包含文字區塊,例如<p>
元素。預設樣式為縮排。<q>
:
也是用於標示引述文字,通常用於比較短的引述,放在文字行內。預設的樣式為加上引號,但IE無樣式。
<body>
這是<cite>大英百科</cite>文字這是文字<br /><br />
這是文字<dfn>專業術語</dfn>這是文字<br /><br />
<address>
<p>abcd@ggg.com.tw</p>
<p>XX市YY區OO街</p>
</address>
</body>
<cite>
:
元素cite,用於標示例如書籍、論文或電影之類的註解來源,預設的樣式為斜體。<dfn>
:
用於定義術語及專業行話。<address>
:
用於放入網頁作者的聯繫項目,例如電話號碼或e-mail等。預設樣式為斜體。