Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

HTML5エントリーのまとめ

エントリーする度に随時更新します。

html要素

html要素 - プログラマーな日々
ドキュメントのルートを表します ...

属性

html要素 lang属性 - プログラマーな日々
そのドキュメントの言語を表します。 ...

head要素

head要素 - プログラマーな日々
ドキュメントのメタデータを記述します。 ...

属性

なし

title要素

title要素 - プログラマーな日々
ドキュメントのタイトルを表します。 ...

属性

なし

base要素

属性

base要素 href属性 - プログラマーな日々
ドキュメントの基底URLを表します。 ...

link要素

link要素 - プログラマーな日々
リソースを表します。 ...

属性

link要素 rel属性 - プログラマーな日々
ドキュメントとリソースの関係を表します。 ...

link要素 type属性 - プログラマーな日々
リソースのMIMEタイプを表します。 ...

meta要素

meta要素 - プログラマーな日々
ドキュメントのメタデータを表します。 ...

meta要素 name属性 content属性 - プログラマーな日々

meta要素 http-equiv属性 - プログラマーな日々
プラグマ指示子を表します。プラグマ指示子の値はcontent属性で表します。 ...

meta要素 charset属性 - プログラマーな日々
ドキュメントの文字エンコーディングを表します。 ...

section要素

section要素 - プログラマーな日々
section要素はセクションを表します。この要素は章や節といった単位で使用します。 ...

nav要素

nav要素 - プログラマーな日々
nav要素はナビゲーションを構成するセクションを表します。 ...

article要素

article要素 - プログラマーな日々
article要素は独立したコンテンツを表します。例えばブログの記事が挙げられます。 ...

aside要素

aside要素 - プログラマーな日々
aside要素はコンテンツには関連しているものの比較的関連の薄い部分を表します。例えば補足記事やブログのコメント欄が挙げられます。 ...

hgroup要素

hgroup要素 - プログラマーな日々
hgroup要素は、見出しとそれに付随する小見出しをグルーピングします。 ...

header要素

header要素 - プログラマーな日々
header要素はページやセクションのヘッダーを表します。 ...

footer要素

footer要素 - プログラマーな日々
footer要素は、ページやセクションのフッターを表します。 ...

address要素

address要素 - プログラマーな日々
address要素は、サイト管理者や記事の著者の連絡先を表します。 ...

hr要素

hr要素 - プログラマーな日々
hr要素は、段落の区切れをを表します。 ...

dl要素 dt要素 dd要素

dl要素 dt要素 dd要素 - プログラマーな日々
dl要素は名前と値がセットになったリストを表します。dt要素は名前を表します。dd要素は値を表します。 ...

figure要素 figcaption要素

figure要素 figcaption要素 - プログラマーな日々
figure要素は、図表や図画を表します。 figcaption要素は、figure要素のキャプションを表します。 ...

strong要素

strong要素 - プログラマーな日々
strong要素は重要性を表します。 ...

small要素

small要素 - プログラマーな日々
small要素は細目のような注釈を表します。 ...

s要素

s要素 - プログラマーな日々
s要素は既に正確ではなくなった、既に関係なくなったとことを表します。 ...

cite要素 q要素

cite要素 q要素 - プログラマーな日々
cite要素は、引用元のタイトルや作品名を表します。 q要素は、引用文を表します。 ...

b要素

b要素 - プログラマーな日々
b要素は、他と区別するテキストを表します。 ...

i要素

i要素 - プログラマーな日々
i要素は、質の異なるテキストを表します。 ...

u要素

u要素 - プログラマーな日々
u要素は、はっきりと伝わりにくいテキストの範囲を表します。 ...

mark要素

mark要素 - プログラマーな日々
mark要素はハイライトされるテキストを表します。mark要素でマークアップされたテキストは、他の箇所から参照されることが想定されます。 ...

ruby要素 rt要素

ruby要素 rt要素 - プログラマーな日々
ruby要素はルビを伴うテキストを表します。 rt要素はルビを表します。 ...

rp要素

rp要素 - プログラマーな日々
rp要素は、rupy要素非対応のブラウザ用に表示する括弧を表します。 ...

wbr要素

wbr要素 - プログラマーな日々
wbr要素は、折り返し表示可能なテキストを表します。 ...

video要素

video要素 - プログラマーな日々
動画を表します。 ...

audio要素

audio要素 - プログラマーな日々
オーディオを表します。 ...

source要素

source要素 - プログラマーな日々
video要素やaudio要素で再生するメディアファイルを表します。source要素を使うことで複数のメディアファイルを指定できます。 ...

input要素

type属性

input要素(type属性 = search) - プログラマーな日々
検索用のテキスト入力フィールドを表します。 ...

input要素(type属性 = tel) - プログラマーな日々
電話番号用の入力フィールドを表します。 ...

input要素(type属性 = url) - プログラマーな日々
URL用の入力フィールドを表します。 ...

input要素(type属性 = email) - プログラマーな日々
メールアドレス用の入力フィールドを表します。 ...

input要素(type属性 = datetime) - プログラマーな日々
タイムゾーンがUTCの日時用の入力フィールドを表します。 ...

input要素(type属性 = date) - プログラマーな日々
日付用の入力フィールドを表します。 ...

input要素(type属性 = month) - プログラマーな日々
年月用の入力フィールドを表します。 ...

input要素(type属性 = week) - プログラマーな日々
週用の入力フィールドを表します。 ...

input要素(type属性 = time) - プログラマーな日々
時刻用の入力フィールドを表します。 ...

input要素(type属性 = datetime-local) - プログラマーな日々
タイムゾーンなしの日時用の入力フィールドを表します。 ...

input要素(type属性 = number) - プログラマーな日々
数値用の入力フィールドを表します。 ...

input要素(type属性 = range) - プログラマーな日々
範囲を制限された数値用の入力フィールドを表します。 ...

input要素(type属性 = color) - プログラマーな日々
色を指定するための入力フィールドを表します。 ...

input要素(type属性 = file) - プログラマーな日々
ファイルアップロード用の入力フィールドを表します。 ...

その他の属性

input要素 autocomplete属性 - プログラマーな日々
オートコンプリート機能を有効にするか無効にするかを指定します。 ...

input要素 list属性 - プログラマーな日々
list属性は、datalistでマークアップされた要素を入力候補として表示します。 ...

input要素 required属性 - プログラマーな日々
required属性は、その入力フィールドに値が必須であることを表します。 ...

input要素 multiple属性 - プログラマーな日々
multiple属性は、その入力フィールドに複数の値を入力できることを表します。 ...

input要素 pattern属性 - プログラマーな日々
pattern属性は、その入力フィールドに入力可能な値の正規表現を表します。 ...

input要素 min属性、max属性 - プログラマーな日々
min属性、max属性は、その入力フィールドに入力可能な値の範囲を表します。 ...

input要素 step属性 - プログラマーな日々
step属性は、その入力フィールドの入力単位を表します。 ...

input要素 placeholder属性 - プログラマーな日々
placeholder属性は、その入力フィールドのウォーターマークを表します。 ...

input要素 autofocus属性 - プログラマーな日々
utofocus属性は、ページ表示時にその入力フィールドにフォーカスを当てることを指示します。 ...

input要素 form属性 - プログラマーな日々
form属性は、そのフィールドの属するフォームを示します。 ...

button要素

属性

button要素 formaction属性 - プログラマーな日々
button要素のformaction属性は、form要素のaction属性と同じ意味をもちますが、form要素よりも優先されます。 ...

button要素 formenctype属性 - プログラマーな日々
button要素のformenctype属性は、form要素のenctype属性と同じ意味をもちますが、form要素よりも優先されます。 ...

button要素 formnovalidate属性 - プログラマーな日々
button要素のformnovalidate属性は、form要素のnovalidate属性と同じで、入力値の妥当性を検証しないことを意味します。 ...

button要素 formtarget属性 - プログラマーな日々
button要素のformtarget属性は、form要素のtarget属性と同じ意味をもちますが、form要素よりも優先されます。 ...

select要素

属性

select要素 autofocus属性 - プログラマーな日々
ページが表示された時に、該当のselect要素にフォーカスすることを指示します。 ...

select要素 required属性 - プログラマーな日々
required属性は、入力が必須であることを意味します。 ...

datalist要素

datalist要素 - プログラマーな日々
テキストフィールドの入力候補を表します。 ...

output要素

output要素 - プログラマーな日々
output要素は、計算結果を表します。 ...

progress要素

progress要素 - プログラマーな日々
progress要素は、進捗を表します。 ...

meter要素

meter要素 - プログラマーな日々
meter要素は、ある範囲における値を表します。 ...

属性

meter要素 low属性 high属性 optimum属性 - プログラマーな日々
low属性は、低領域の閾値を表します。 high属性は、高領域の閾値を表します。 optimum属性は、最適値を表します。 ...

details要素 summary要素

details要素 summary要素 - プログラマーな日々
details要素は、表示したり非表示にしたりできる追加の詳細情報を表します。summary要素は、その詳細情報のサマリーを表します。 ...

属性

details要素 open属性 - プログラマーな日々
追加の詳細情報を表示した状態で、ページを表示することを指定します。 ...

グローバル属性

すべてのHTML要素で指定できる属性です。
contenteditable属性 - プログラマーな日々
contenteditable属性は、この要素が編集できることを表します。この属性はすべてのHTML要素で指定できます。 ...

spellcheck属性 - プログラマーな日々
spellcheck属性は、入力可能な要素にスペルチェックを有効にするかどうかを指定します。 ...

rel属性

rel属性 authorキーワード - プログラマーな日々
authorキーワードは、そのページの著者を表します。 ...

rel属性 externalキーワード - プログラマーな日々
externalキーワードは、外部サイトへのリンクを表します。 ...

rel属性 iconキーワード - プログラマーな日々
iconキーワードはそのドキュメントのアイコンを表します。このキーワードはlink要素でしか使えません。 ...

rel属性 licenseキーワード - プログラマーな日々
licenseキーワードは、著作権情報を表します。 ...

rel属性 nofollowキーワード - プログラマーな日々
nofollowキーワードは、リンク先の内容について保証できない、責任を持てないことを意味します。 ...

rel属性 sidebarキーワード - プログラマーな日々
sidebarキーワードは、サイドバーに表示するドキュメントを表します。 ...

その他のエントリー

HTML5でページを記述するのに役立つサイト - プログラマーな日々
HTML5でページを記述するのに役立つサイトを紹介します。 ...