HTML 4.01 快速導覽 - 強調 <em>

<em> 為行內元素 (inline element) ,作為文字的強調之用。



起始標籤結束標籤
需要需要


舉例如下
<html>
<head>
<title>網頁標題</title>
</head>
<body>
不使用 &lt;em&gt; 的文字
<br / ><br / >
<em>使用 &lt;em&gt; 的文字</em>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:textexample03.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟,結果如下



我們可以看到使用 <em> 標籤 (tag) 圍起來的文字會變成斜體 (italics) ,這是強調表示的預設方法。事實上, HTML 有另一個專門將文字顯示成斜體的標籤 <i> 。


下面的 textexample04.html 可以看出 <em> 與 <i> 顯示出的結果其實是一樣的
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<em>使用 &lt;em&gt; 的文字</em>
<br / ><br / >
<i>使用 &lt;i&gt; 的文字</i>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:textexample04.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


結果如下



為什麼 <em> 與 <i> 的樣式一樣,卻要有兩個標籤呢?


原因很簡單, <em> 從文件結構標記出那一部份的文字是被強調的,而 <i> 僅僅將文字標記為斜體,這是說 <strong> 表示文件的邏輯狀態 (local state) ,而 <b> 表示文件的本體狀態 (physical state) 。


邏輯狀態將內容分割出 HTML 文件,從文件結構就得知文字內容的重要性質,本體狀態就只單單屬於樣式 (style) ,這方面同樣可由樣式表 (style sheet) 來完成。


中英文術語對照
行內元素inline element
瀏覽器broswer
標籤tag
斜體italics
邏輯狀態local state
本體狀態physical state
樣式style
樣式表style sheet


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

沒有留言: