No.1ベストアンサー
- 回答日時:
HTML5--html5ではない。
英語圏で大文字は省略形や頭文字を示します。この場合はHyper Text Markup Languageですから)--では、文書構造を明確に示されるように新しい要素が追加されました。HTML4では、<h1>とか<<blockquote>とか<address>、<p>位しかなくて、idやclassとDIVやSPANを併用して文書構造を示すしかありませんでした。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
あなたがHTML4.01の時代に
<div class="header">
<div class="nav">
としていた物が、
<header>
<nav>
とかけるようになったという事です。
・Webの3つの問題を解決する「HTML5」とは何なのか( http://www.atmarkit.co.jp/ait/articles/1008/30/n … )の中ほど『問題2】文書内に埋め込まれた「意味」が不明確』を読んでおくこと
header要素は、その文書のヘッダーを示す要素ですから、文書の見出し<h1>~<h6>とか、サイトのナビゲーションが入っても良いでしょう。本文(section)の目次が入る場合もあるでしょうが、それはsection内に入れるほうが良いでしょうね。
>一番上に、ロゴが左にあって、その横にナビボタンが並ぶレイアウトにするつもりなのですが (^^;
ロゴはその文書の内容には関係ないのでHTMLには書かなくても良いでしょう。ナビゲーションに含めても良い。
<body>
<h1>ページのタイトル</h1>
<nav>
<ul>
<li><a href="/">TOP</a></li><!-- これをロゴにデザイン -->
<li><a href="/Products">製品</a></li><!-- リンクボタンにデザイン -->
<li><a href="/Manual">マニュアル</a></li>
HTML5では、『一番上に、ロゴが左にあって、その横にナビボタンが並ぶレイアウト』というようなプレゼンテーション/デザインは一切考えずに、文書構造だけをマークアップすることになります。DIVなどは原則使えなくなります。
そして、『一番上に、ロゴが左にあって、その横にナビボタンが並ぶレイアウト』なんてのはスタイルシートに任せます。デザインを目的にHTMLは書かない・・・・まあ、これはHTML4.01のときも『構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』として散々言われ続けてきたことなのでいまさらですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS imgとpを縦・横に中央揃えする 1 2023/01/17 11:30
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
スペースを使わず文字位置を揃...
-
divを横に並べる方法
-
ヘッダーとフッターだけ背景を...
-
フッタの背景画像をリピートxで...
-
セクションをdivで囲むと見出し...
-
サルワカさんの吹き出しのスタ...
-
SSIを利用してCSSレイアウトを...
-
画面を拡大すると横幅が切れる
-
開閉式の隠し要素が一瞬表示さ...
-
3カラムレイアウトで「常に残り...
-
img と p を縦中央に配置したい...
-
音声ブラウザ、スクリーンリー...
-
【html】iframeを使用したmp4の...
-
WEBサイト制作の図面作成ソフト...
-
HTML5 iframe の代わり
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報