A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
どのようなclass名やidを付けようと自由ですから、デザインのためにつけているのでしょう。
しかし、本来の付け方ではありません。仕様書には、
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』と書かれていますから、本来はその目的で記述するべきでしょうね。
例えば、その部分がheaderならclass="header"、本文ならclass="section"と言う風に・・
★HTML4.01~XHTML1.1では、文書のブロック的--セマンティックな構造を示す要素がなかったために、class名やidを併用することになっていました。
★それが理解されなかったために、実際には<div class="inner">ここは内側の文書</div>などというclass名が沢山登場しました。main,left-box・・とか。
その反省から、HTML5では
⇒文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/h … )
section,article,aside,hgroup,header,footer,nav,figure,figcaption・・・・
ですから、HTML4的には、本来左のように付けられると期待していたものが、右のように書かれてしまった。と言う事です。
<div class="article">⇒<div class="outer">
<div class="header"></div>
<div class="section">
<div class="section"></div>⇒<div class="inner">
</div>
<div class="footer">
</div>
</div>
もちろんHTML5では。
<article>
<header>
<nav>
</nav>
</header>
<section>
<h2>本文見出し</h2>
<section>
<h3>項見出し</h3>
</section>
</section>
<footer>
</footer>
</article>
と書かなければなりませんし、DIVは適切な要素がないときの最後の最後の手段でないと使えなくなります。
★Webページのソースでクラス名やID名
は、文書構造を補完するために利用します。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
HTML5の新しい要素がとっても良い参考になるでしょう。inner,outerは、悪い見本と考えて良いでしょう。
そうすることで、HTMLは誰(検索エンジンなどの機械も)が見ても、あなたや他人が将来、見直しても分かりやすくなるでしょうし、デザインも自由に変更できます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Java JavaでWebページ作成 7 2023/07/21 21:09
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- マウス・キーボード 無線マウス不具合 4 2022/07/10 22:16
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- Access(アクセス) アクセス where句を使用して複数条件抽出をするには 2 2022/08/29 13:24
- CGI (フリーの)ツリー掲示版CGI、昔は多用させてもらいましたが・・今セキュリティ上どうでしょう? 2 2023/06/25 07:18
- その他(ブラウザ) Edge、Chrome、FireFoxのパスワード記憶機能 2 2023/08/16 16:25
- PHP データベースを用いたwebページ 1 2022/12/27 20:12
- その他(ブラウザ) Webブラウザについての質問です。 2 2023/03/21 19:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
スペースを使わず文字位置を揃...
-
複数のボタンを等間隔に、かつ...
-
div要素が重なってします
-
CSSで、contentsがfooterに重な...
-
セクションをdivで囲むと見出し...
-
html の divとtable の役割
-
3カラムレイアウトで「常に残り...
-
<!-- #BeginLibraryItemとは
-
グリッドレイアウトで"auto-fit...
-
divとpの使いわけ
-
html5にて水平線の引き方は?
-
ヘッダーとフッターだけ背景を...
-
HTMLとCSSはどれだけ分離できる...
-
divを横に並べる方法
-
cssにてボタン位置を下揃えしたい
-
【CSS】HTML直書き→外部ファイ...
-
html divボックスの入れ子で中...
-
1時間30分を簡単に表したいで...
マンスリーランキングこのカテゴリの人気マンスリー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とは
おすすめ情報