HTML5的結構與語意(4):語意性的內聯元素_html5教學技巧

　　HTML4以5個不同的內嵌元素表示略有差異的電腦程式碼：var、code、kbd、tt和samp。但是，它無法表示時間、數字等基本數值。 HTML5提供了幾個新的內嵌元素來滿足非技術作者的需求。
m
　　m元素表示文字被“加上標誌”，但不一定要強調。你可以把它想像成書中突出顯示的一節。 Google的快取頁面就是典型的用例。如果連結到一個快取的副本，搜尋字詞就被加上標誌。例如，如果搜尋“Egret”，那麼快取的Google頁面可能像下面這樣：
TheGreatEgret(alsoknownasthe
AmericanEgret)isalargewhitewadingbirdfoundworldwide.
TheGreatGrgretis
Casmerodiusalbus. 　　對於這個元素的名稱目前還有爭議。在規範發布之前，它可能從m改為mark。
time

　　time元素表示一個時間值，例如5:35P.M.,EST,April23,2007。例如： Iamwritingthisexampleat

5:35P.M.onApril23rd

.
　　time元素可以幫助瀏覽器和其他程式辨識出HTML頁面中的時間。它不要求對元素內容應用任何特定的格式。但是，每個time元素都應該有一個datetime屬性，其中包含更適合機器辨識的時間值，例如：

Iamwritingthisexampleat

5:35P.M.onApril23rd

.
　　適合機器讀取的時間值可能對搜尋引擎、日曆程式等有幫助。

meter

　　meter元素表示指定範圍內的數字值。例如，可以用它來表示薪水、投票給LePen的法國選民的百分比或考試分數。在這裡，我使用meter標出SoftwareDevelopment2007上一位Google程式設計師提供的資料： AnentrylevelprogrammerinSiliconValley
canexpecttostartaround
$90,000

peryear.
　　meter元素可協助瀏覽器和其他客戶機辨識HTML頁面中的數量。它不要求對元素內容應用任何特定的格式。但是，每個meter元素可以有最多6個屬性，它們按照更適合機器辨識的形式表示這個數量：
　　value

　　min
　　low
　　min
　　low 🎜>　　這些屬性都應該包含一個十進制數字。例如，期末考的分數可以寫成下面這樣：

Yourscorewas

B
.

　　這表示這個學生的分數是百分制中的88.7。可能的最低分數是0，但是實際的最低分數是65。可能的最高分數是100，但是實際的最高分數是96。使用者代理程式可以用某種數值控制項顯示這一訊息，也可以在工具提示中顯示額外的數據，但是最常見的情況可能是像其他內聯元素一樣對它應用樣式。 progress

　　progress元素表示一個正在進行的過程的狀態，就像圖形使用者介面（GUI）應用程式中的進度條。例如，可以用它來表示一個檔案已經下載的百分比或播放電影時的目前位置。下面這個進度控製表示下載已經完成了33%：

Downloaded:33%

　　value屬性表示操作的目前狀態。 max屬性表示操作的總量。這個元素指出要下載的資料總量是4,603,807字節，已經下載了1,534,602位元組。 　　忽略max屬性，就可以顯示無限的進度。 　　在操作進行時，應該使用JavaScript語言動態地更新進度條。在靜態情況下，這個元素沒什麼意義。
　　

　　（待續）