| HTML5 DocumentWorkspace Root | > | HTML5 Element -Phrasing content/Frow Content |
HTML5 Element -Phrasing content/Frow Content
HTML5で使用される新要素はメインページで掲載しましたが、新要素及びフローコンテンツに属するフォーム関連要素についてここでは詳細に説明を行っていきます。
HTML5による新要素についてW3Cによる詳細をご確認したい方は次のサイトよりご確認をお願いします。
progress
progress要素はhtml5からの新属性でタスクの進捗状況を示す場合に使用します。同じ様に使用される要素としてmeter要素がありますが、progress要素は進捗状況や割合を示す場合に使用されるのに対し、meter要素は最小値、最大値を指定した数値を示す場合に使用されます。
以下、例文を記載します。
進捗状況 :
meter要素
meter要素は最小値、最大値を指定した範囲内での数値を表す場合に使用されます。要素固有のコンテンツ属性として以下のとおりです。
meter要素のコンテンツ属性
- value
- ゲージメーターが示す数値であり、必須です。
- min
- ゲージの最小の値であり、指定がない場合は0を示します。
- low
- 低領域の上限を示します。低領域の範囲を設定したい場合に使用されます。
- high
- 高領域の上限を示します。高領域の範囲を設定したい場合に使用されます。
- max
- ゲージの最大の値を示します。
- optimum
- ゲージの最適の値を示します。指定がない場合はmin、maxの中間の値となります。
メーターゲージ :
range要素
range要素は指定範囲に数値を設定するためのコントロールとして使用されます。range要素のコンテンツ属性はmin・maxがありますが、未指定の場合は最小値0、最大値100の範囲を表します。以下、例文です。
設定値 :
mark要素
mark要素はフレージングコンテンツに属しhtml5新要素です。コンテンツ内のテキストと区別するためにハイライトをして表示をします。
今月の目標:効率的なスケジュール管理の実施
CorporateSite