HTML5タグ再考

HTML ＞ HTML5

基本構成

　状態:- 　閲覧数:1,640 　投稿日: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
2025/12/05 23:41 更新
週間人気ページランキング ／ 11-28 → 12-4
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 19
2 RGB ⇔ Lab | 色変換(色) 13
3 「bgcolor」「background-color」「background」の違い | CSS 6
3 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 6
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 6
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
4 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 5
5 Design 0 4
5 色モデルイメージ図 | 色変換(色) 4
6 CSSトラブル対応(CSS) カテゴリー 3
6 「max-width:100%;」と「width : 100%;」の違い | CSS 3
6 キャラクター無料着せ替えジェネレーター Rinmaru Games ／ オンラインサービス | イラスト素材(デザイン) 3
6 RGBの種類 ／ ビットカラー | RGB(色) 3
6 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 3
6 効果を打ち消すスタイルシート | CSS 3
6 鉄道会社毎のカラーコード | カラーコード(色) 3
6 「position:sticky;」がどうしても効かない →
を一旦削除してみる →
に「display:inline;」を指定 | CSSトラブル対応(CSS)
3
6 デザイン変更 | Webデザイン(デザイン) 3
6 自由変形ツール | Illustrator CS3(Illustrator) 3
2025/12/5 1:01 更新