HTML5タグ再考

HTMLHTML5

基本構成

 状態:-  閲覧数:1,921  投稿日: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-21 → 8-27
順位 ページタイトル抜粋 アクセス数
1 Design 0 11
2 RGB → HSL / RGB → HSV | 色変換(色) 3
2 色変換(色) カテゴリー 3
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
3 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 2
3 絶対パス | HTML 2
3 「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 | Google Chrome(ブラウザ) 2
3 RGBの種類 / ビットカラー | RGB(色) 2
3 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
3 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
3 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 2
3 IrfanView | ソフトウェア 2
4 考え方A.長さの比率で角度60°を分割 / B≧G≧R 1
4 Create Link(Chrome 拡張機能) カテゴリー 1
4 Photoshop CS3(Photoshop) カテゴリー 1
4 「position:sticky;」がどうしても効かない →
を一旦削除してみる →
に「display:inline;」を指定 | CSSトラブル対応(CSS)
1
4 ツールチップが表示されないときー 1
4 「DALL·E 2 - OpenAI」を使用してみた感想。2022 年 7 月 31 時点では、デザイン実務に耐えられるレベルではないと思いました。 | AI画像生成 1
4 表示されている画像が、キャッシュから取得されているか、確認する方法 | Google Chrome(ブラウザ) 1
2026/8/28 5:05 更新