HTML5タグ再考

HTMLHTML5

基本構成

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



週間人気ページランキング / 8-1 → 8-7
順位 ページタイトル抜粋 アクセス数
1 Design 0 13
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
3 Illustrator 2 で作成したデータを、Fireworks 8 で読み込む | Fireworks 8(Fireworks) 2
3 G'MIC | GIMP 系(ソフトウェア) 2
3 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 2
3 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 2
3 Google Chrome(ブラウザ) カテゴリー 2
3 SeaMonkey 2.7.2 2
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
3 レイアウトがどうしても崩れるときは、div marginへマイナス値が設定されていないか、確かめる | CSS 2
3 鉄道会社毎のカラーコード | カラーコード(色) 2
4 数値データ型(CSS) カテゴリー 1
4 「display:flex;」を設定している「
  • タグ」内の「タグ」クリック範囲を拡大する | Flexible Box Layout Module(CSS)
  • 1
    4 「bgcolor」「background-color」「background」の違い | CSS 1
    4 テディポップ | デザイン 1
    4 Create Link(Chrome 拡張機能) カテゴリー 1
    4 マウスオーバーで「リンク画像」拡大表示をCSSで実装 | 画像 1
    4 「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと | 2系(Bootstrap) 1
    4 IrfanView | ソフトウェア 1
    4 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 1
    2026/8/8 5:05 更新