コンテンツセクショニング <header>要素
<header>要素英語で「見出し」などを表す、"header"より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。<header> 要素はあくまでも、文書の「意味的なまとま...
HTML - 機能別
コンテンツセクショニング インライン文字列意味付け <time>要素
<time>要素英語で「時刻」を表す、"time"より。HTML文書では、「コンピュータが認識可能な形式の日時」を表すための要素です。基本的にはdatetime属性を使用して、日時を記述します。子要素として使用できるもの記述コンテンツが使用...
テキストコンテンツ <pre>要素
<pre>要素の定義英語で「前」や「以前」を表す、"pre"より。HTML文書では、「整形済みテキスト」を表すための要素です。この要素内のテキストは、一般的に空白や改行などのレイアウトをそのまま保持して「等幅フォント」で表示されます。子要素...
フォーム関連 <input>要素の"week"型
<input>要素の”week”型フォーム内で年と「その年の何週目か」を入力するための入力欄を設ける際に使用されます。week型 はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型 として...
フォーム関連 <input>要素の"time"型
<input>要素の”time”型フォーム内で時刻を入力するための入力欄を設ける際に使用されます。time型 はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型 として扱われます。主要なブ...
フォーム関連 <input>要素の"url"型
<input>要素の”url”型フォーム内で「URL」を入力するための入力欄を設ける際に使用されます。url型 に対応していないブラウザの場合は、text型 として扱われます。対応しているブラウザの場合は、入力されたテキストが、URLとして...
フォーム関連 <input>要素の"tel"型
<input>要素の”tel”型フォーム内で「電話番号」を入力するための入力欄を設ける際に使用されます。email型 や url型 とは異なり、送信前に値が特定の書式であると自動的には検証されません。電話番号の書式は、各国で異なるためです。...
フォーム関連 <input>要素の"submit"型
<input>要素の"submit"型フォーム内に「フォームを送信する」ボタンを配置する際に使います。button型 や reset型 と同様、基本的にボタン内にはテキストしか表示できませんので、デザイン的な自由度が必要であれば、<butt...
フォーム関連 <input>要素の"search"型
<input>要素の”search”型フォーム内に「検索用のキーワード」を入力させる際に使用されます。機能的には、text型 とほぼ同一です。属性<input> 要素の search型 では、以下の属性が使用できます。value入力欄の初期...
フォーム関連 <input>要素の"text"型
<input>要素の”text”型フォーム内に「単一行のテキスト」を入力させる際に使用されます。属性<input> 要素の text型 では、以下の属性が使用できます。value入力欄の初期値を設定します。また、フォームの送信時には入力され...