HTML5 の構造とセマンティクス (4): セマンティック インライン要素_html5 チュートリアル スキル

HTML4 は、5 つの異なるインライン要素を使用して、わずかに異なるコンピューター コード (var、code、kbd、tt、samp) を表します。ただし、時間や数値などの基本的な値を表すことはできません。 HTML5 は、技術者以外のライターのニーズを満たすために、いくつかの新しいインライン要素を提供します。
m
m 要素は、テキストが「マークされている」ことを示しますが、必ずしも強調する必要はありません。これは、本の強調表示されたセクションのようなものだと考えてください。 Google のキャッシュされたページは典型的な使用例です。キャッシュされたコピーにリンクしている場合、検索語にフラグが付けられます。たとえば、「Egret」を検索すると、キャッシュされた Google ページは次のようになります:
オオサギ（アメリカサギ
シラサギとしても知られる）は世界中で見られる大型のシラサギです。オオサギ
はゆっくりとした羽ばたきで飛びます。 >。 この要素の名前については現在論争があります。仕様が発表される前に、m から マークに変更される可能性があります。
time time 要素は、2007 年 4 月 23 日東部標準時 5:35P.M. などの時刻値を表します。例:
私はこの例を書いています

4 月 23 日午後 5 時 35 分。

time 要素は、ブラウザーやその他のプログラムが HTML ページ内の時間を識別するのに役立ちます。要素のコンテンツに特定の書式設定を適用する必要はありません。ただし、各 time 要素には、次のような機械認識により適した時刻値を含む datetime 属性が必要です。

私はこの例を書いています
4 月 23 日午後 5 時 35 分。

機械可読な時刻値は、検索エンジンやカレンダー プログラムなどに役立つ場合があります。

meter
meter要素は指定された範囲内の数値を表します。たとえば、給与、ルペンに投票したフランス有権者の割合、またはテストの得点を表すために使用できます。ここでは、ソフトウェア開発 2007 に関して Google プログラマーから提供されたデータをメーターを使用してプロットします。
シリコンバレー

の初心者レベルのプログラマは、年間
$90,000
程度から始めることが期待できます。
meter 要素は、ブラウザや他のクライアントが HTML ページ内の数量を識別するのに役立ちます。要素のコンテンツに特定の書式設定を適用する必要はありません。ただし、各メーター要素は最大 6 つの属性を持つことができ、機械認識により適した形式でこの数量を表します: 🎜>これらの属性にはすべて 10 進数が含まれている必要があります。たとえば、最終試験のスコアは次のように記述できます:

あなたのスコアは
B でした。

これは、生徒の得点が 100 点満点で 88.7 点であることを意味します。可能な最低スコアは 0 ですが、実際の最低スコアは 65 です。可能な最大スコアは 100 ですが、実際の最大スコアは 96 です。ユーザー エージェントは、この情報を何らかの数値コントロールで表示したり、ツールチップに追加データを表示したりできますが、おそらく最も一般的なケースは、他のインライン要素と同じようにスタイルを設定することです。

progress

progress 要素は、グラフィカル ユーザー インターフェイス (GUI) アプリケーションの進行状況バーのように、進行中のプロセスのステータスを表します。たとえば、ダウンロードされたファイルの割合や、映画再生時の現在位置を示すために使用できます。以下の進行状況コントロールは、ダウンロードが 33% 完了したことを示しています:

ダウンロード:

33%

value 属性は、操作の現在のステータスを表します。 max 属性は、操作の合計量を示します。この要素は、ダウンロードされるデータの総量が 4,603,807 バイトであり、1,534,602 バイトがダウンロードされたことを示します。
無限の進行状況を表示するには、max 属性を無視します。

操作の進行中は、JavaScript 言語を使用して進行状況バーを動的に更新する必要があります。静的な場合、この要素はほとんど意味を持ちません。

（続く）