HTML5タグ再考

HTML ＞ HTML5

基本構成

　状態:- 　閲覧数:1,859 　投稿日:2017-11-06 　更新日:2017-11-06 
<body>

  <header>

    <h1></h1>

    <h2></h2>

  </header>

  <main></main>

  <footer></footer>

</body>


ポイント


広告を配置するHTML5タグ
・仕様で定義されていない
・<header><main>タグ内に配置しても良いし、配置しなくても良い

「Google AdSense」レスポンシブ広告ユニット
・divで囲うと隙間が生じる場合がある
→ HTML5タグで囲わなくても良い

<nav>
・<header>内に配置しなくても良い
・複数設置しても良い

<main>
・1ページ辺り一つ

HTML5では「ブロックレベル要素」「インライン要素」で分類しない

廃止されたHTML要素の属性



類似度ページランキング
順位 ページタイトル抜粋 ％
1 HTML5タグ再考 100
2 HTML5タグ 88
3 HTMLエディタ 59
4 MHTML 57
5 HTML5タグ 及び テンプレート 54
6 HTML5でテーブル 53
7 探している「HTML5エディタ」 48
8 以前のHTML対応 44
9 HTML5では、inputタグの閉じタグを付与しない 40
10 HTML5で画像ファイル存在判定 40
11 (私の)HTMLコーディングルール 38
12 廃止されたHTML要素の属性 35
13 HTMLで「1つのタグにidを複数指定」は出来ない！ 34
14 HTML5でページ内リンクが効かなかったら 33
15 (私の)HTMLデザインコーディングルール 33
16 HTML5でiframeスクロールバーを表示しない方法が不明 26
17 OhMyTab 25
18 HTML5では「ブロックレベル要素」「インライン要素」で分類しない 24
19 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い 24
20 trタグに背景色 24
2026/4/24 8:35 更新
週間人気ページランキング ／ 4-17 → 4-23
順位 ページタイトル抜粋 アクセス数
1 Design 0 25
2 「Default User」を削除したら、既存ブックマークが削除されてしまった！ 23
3 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 17
4 「.aiファイル」を下位バージョンで保存するための操作手順 ／ OS 上で「.aiファイル」から「作成したIllustratorバージョン」を確認する方法 ／ 下位バージョンのIllustratorで開く方法 16
5 Adobe Camera Raw 4.0 | Photoshop 13
6 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 11
7 Photoshop無料アクションファイル(atn)導入見送り | Photoshop 10
7 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 10
8 Material Design 2014 年 | Material Design(色) 6
9 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
9 RGBの種類 ／ ビットカラー | RGB(色) 5
10 「東京都」のカラーコード取得は難しい | カラーコード(色) 4
11 Chrome拡張を作る | Chrome 拡張機能 3
11 謎の現象 ／ 「Photoshop CS」と「Photoshop CCでは」では扱いが異なる ／「PhotoShop CS3」で「Camera Raw 4.0」を起動するには？ 3
11 ログイン 3
11 「属性」「プロパティ」「アトリビュート」の違い | CSS 3
11 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
11 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 3
12 レイアウトがどうしても崩れるときは、div marginへマイナス値が設定されていないか、確かめる | CSS 2
12 HTML5では「ブロックレベル要素」「インライン要素」で分類しない | HTML5(HTML) 2
2026/4/24 5:05 更新