A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
仕様書のその部分には、はっきりと書かれています。
【引用】____________ここから
DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
これはHTML5で、HTML4の問題点として随分と議論されてきたところです。結果的にHTML5では、文書構造を示す要素として独立しました。すなわち、HTML4で想定していた「文書に構造を付加するための」class名が、そのまま要素になる。
具体的には
<div class="header">とされてきたものが<header>に、同様に見出しを持つであろう本文記事の<div class="section">は<section>に、<div class="footer">は<footer>に、独立した記事<div class="article">は<article>に、本文地直接関係ないコラムなどは<div class="aside">が<aside>に、挿絵であった<div class="figure">は<figure>・・
→3.1. 新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )
たとえば、<a id="body">は、本文と言う意味で悪くは無いかもしれませんが、<a name="myBook">とか、後で見直したとき具体的な内容を示すものが良いでしょう。<p class="br">これは、さすがに・・・
たとえば、<font color="red">ここは重要</font>は、<font>は非推奨ですから<span class="red">としたら良い・・・・・と言うわけではありません。もし、あなたがそこが大事なところで赤く表示したいなら、<strong>ここは大事</strong>とか、<span class="mark">ここは大事</span>とマークアップすべきです。後でどのように色やウェイトを変えてもおかしくないでしょう。(ちなみに<mark>もHTML5で追加されます--他から参照される可能性のある語句など)
idやclass名は伊達じゃない「文書に構造を付加するため」に利用するものです。ここでいう構造は意味的な構造です。<p>が段落、<h1>が見出しと同じ意味。それじゃ足りないからidやclass名をつける。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- Ruby No route matches [GET] "/posts/5/destroy" 1 2022/03/24 13:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
ヘッダーとフッターだけ背景を...
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
CSS でテキストの点滅をするに...
-
セレクタでidは使わない?
-
画面を縮小するとカラムが落ち...
-
float:leftを使用して全体を中...
-
htmlの見出しタグ(<h1>)の次...
-
html divボックスの入れ子で中...
-
divタグで位置を指定したい
-
今から本格的にHTML勉強するなら
-
ヘッダーを左右に二分割する方...
-
ブログのサイドバーが下にくる
-
「見出し画像+小見出し」と「見...
-
div要素が重なってします
-
HTML文章の文字サイズについて
-
html5でheaderの中にnav
-
divの中に外部のHTMLを埋め込む
-
web制作について教えて下さい。
マンスリーランキングこのカテゴリの人気マンスリー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の方...
おすすめ情報