HTML5タグ再考

HTMLHTML5

基本構成

 状態:-  閲覧数:1,846  投稿日: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要素の属性



週間人気ページランキング / 3-27 → 4-2
順位 ページタイトル抜粋 アクセス数
1 Design 0 9
1 Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける | Google Chrome(ブラウザ) 9
2 RGB ⇔ Lab | 色変換(色) 6
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 5
3 RGBの種類 / ビットカラー | RGB(色) 5
3 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 5
4 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 4
4 ログイン 4
4 色モデルイメージ図 | 色変換(色) 4
4 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
4 漫画 カテゴリー 4
5 「直後が A 要素 でない B 要素」を指定するCSSセレクタは、「A:not(:has(+ B)) {}」 | CSS 3
5 「.epsファイル」はあらゆるグラフィックソフトで編集できるとは限らない | Fireworks 8(Fireworks) 3
5 16進数カラーコード / 2進数 3
5 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 3
5 Material Design 2014 年 | Material Design(色) 3
5 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 3
5 Firefox8.0で、Cookieを表示 | Firefox(ブラウザ) 3
5 Firefox 8.0 にしたら、Firebugタイトル部分の半角スペースに‌·が入るようになったので、メモ | Firefox(ブラウザ) 3
5 iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト | HTML5(HTML) 3
2026/4/3 5:05 更新