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ランキング
-
CSSで、contentsがfooterに重な...
-
AWSのhtml
-
携帯サイト、ナノでのタグ編集...
-
html の divとtable の役割
-
htmlのolやulなどlistにtitleや...
-
ヘッダーとフッターだけ背景を...
-
<section>タグと<div>タグ
-
複数のボタンを等間隔に、かつ...
-
オシャレな区切り線はありませ...
-
リストで画像を右に表示したい
-
音声ブラウザ、スクリーンリー...
-
3カラムレイアウトで「常に残り...
-
idとclassの指定方法
-
HTMLでのコメントアウト
-
CSSレイアウト IEでclear指定...
-
RMS レフトナビ問題
-
div要素が重なってします
-
ホームページ初心者です。入力...
-
【ヒトの神秘】美男美女から何...
-
CSSでつくったメニューのアニメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
HTML属性での「""」 「''」違い
-
複数のボタンを等間隔に、かつ...
-
ヘッダーとフッターだけ背景を...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
divとpの使いわけ
-
min-heightとheightの違いについて
-
HTML5 iframe の代わり
-
divの中に外部のHTMLを埋め込む
-
3カラムレイアウトで「常に残り...
-
ヘッダーを左右に二分割する方...
-
画面を縮小するとカラムが落ち...
-
reuterのScraypingで不思議な現...
-
htmlの見出しタグ(<h1>)の次...
-
1サイト内にHTML5とXHTMLが混在...
-
inline-blockをネストすると表...
-
html5でheaderの中にnav
-
<!-- #BeginLibraryItemとは
おすすめ情報