HTML5×CSS3 DOCUMENT WORKSPACE
HTML5×CSS3 DOCUMENT WORKSPACE
Reference from W3C document about HTML5.1 draft
HTML has been in continuous evolution since it was introduced to the Internet in the early 1990s.HTML4 became a W3C Recommendation in 1997.In 2006, the W3C indicated an interest to participate in the development of HTML 5.0 and in 2007 formed a working group chartered to work with the WHATWG on the development of the HTML specification.
 HTMLワーキンググループにより策定されHTML標準化仕様になったHTML5と新しく構造化文書を表現する方法として標準化になったCSS3を使用するサイト制作が主流になっていますが、当サイトではHTML標準化仕様のW3C HTML5/CSS3 Draftより要素・構文の変更点を確認し利便性・機能性の向上についてより理解を深めていきながら、W3Cドラフト仕様を広める目的でHTML5/CSS3を使用したサイト制作法と記述法のご紹介をしています。
 当サイトにつきましては制作過程であり定期的に更新をしています。誤表記や内容等の誤りにつきましては発見次第できる限り修正を図っていく意識で制作に取り組んで参りますのでご了承下さいますようお願いします。
▶SOCIAL-INFOKNOWLEDGE.COM
CorporateSite

HTML5×CSS3 DOCUMENT WORKSPACE

CONTACT

下記フォームに必要事項を入力後、確認ボタンを押してください。

ご用件
お名前 ※必須
電話番号(半角)
Mail(半角) ※必須
性別 男 
サイトを知ったきっかけ 友人・知人  検索エンジン
お問い合わせ内容

 

HTML5 DocumentWorkspace Root > HTML5 Element -Phrasing content/Frow Content

HTML5 Element -Phrasing content/Frow Content

 HTML5で使用される新要素はメインページで掲載しましたが、新要素及びフローコンテンツに属するフォーム関連要素についてここでは詳細に説明を行っていきます。

 HTML5による新要素についてW3Cによる詳細をご確認したい方は次のサイトよりご確認をお願いします。

W3C - The Markup Language (an HTML language reference)

progress

progress要素はhtml5からの新属性でタスクの進捗状況を示す場合に使用します。同じ様に使用される要素としてmeter要素がありますが、progress要素は進捗状況や割合を示す場合に使用されるのに対し、meter要素は最小値、最大値を指定した数値を示す場合に使用されます。

以下、例文を記載します。

進捗状況 : 半分


meter要素

meter要素は最小値、最大値を指定した範囲内での数値を表す場合に使用されます。要素固有のコンテンツ属性として以下のとおりです。

meter要素のコンテンツ属性

value
ゲージメーターが示す数値であり、必須です。
min
ゲージの最小の値であり、指定がない場合は0を示します。
low
低領域の上限を示します。低領域の範囲を設定したい場合に使用されます。
high
高領域の上限を示します。高領域の範囲を設定したい場合に使用されます。
max
ゲージの最大の値を示します。
optimum
ゲージの最適の値を示します。指定がない場合はmin、maxの中間の値となります。

メーターゲージ : 75%


range要素

range要素は指定範囲に数値を設定するためのコントロールとして使用されます。range要素のコンテンツ属性はmin・maxがありますが、未指定の場合は最小値0、最大値100の範囲を表します。以下、例文です。


設定値 :


mark要素

mark要素はフレージングコンテンツに属しhtml5新要素です。コンテンツ内のテキストと区別するためにハイライトをして表示をします。

今月の目標:効率的なスケジュール管理の実施