No.6ベストアンサー
- 回答日時:
> HTMLで最低限の外見制御
まだちょっと主従関係について混乱されているようです。
HTMLの要素がデザインに影響する機能を持っているのではなく、
それが何であるかを示すためにマークアップをすると
結果として(視覚化するブラウザでは)表示に影響が出るのです。
ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
段落だから行間を空けてやろうとか
表だから縦横に並べてやろうとか
それなりの視覚化を行っているだけです。
行間がどうなるとか外見の制御を念頭においてを考えるのではなく
本質的にそれが「何」であるかをマークアップするのが文章の論理構造を記述するという事です。
一般的に外見から考えたほうが理解しやすいので
縦横に並べたいと思えばそれは恐らくリストや表だし、
一行空けたいと思えばたぶん段落の切れ目ですが
理念は逆ですのでお間違えのなきように。
重ね重ね、ありがとうございます。
>ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
>段落だから行間を空けてやろうとか
>表だから縦横に並べてやろうとか
>それなりの視覚化を行っているだけです。
なるほど、これは目から鱗でした。pタグやtableタグがwebページの外見を整形しているのではなく、ブラウザがそれを解釈して独自の出力要素を付加しているに過ぎないというわけですね。
それを念頭に置くと、「ブラウザに指示を送ること」が目的であるfontタグやbタグが非推奨とされている理由も、改めて納得できました。
大変参考になりました。どうもありがとうございます。
No.5
- 回答日時:
p要素は・・・自分はなくちゃ困るな。
基本だし(説明になってないけどこの手の話は色々なところで議論されています。
私は自分の考えをここでは述べませんが、興味がありましたら隅から隅までご堪能ください。
HTML議論リンク集のリンク集(p要素,br要素,object要素,他)
http://www.akatsukinishisu.net/wiki.cgi?HTML%B5% …
うーんおしいっ。面白そうなのに多くがリンク切れだ。
そのテーブル、本当に必要?(tableであるべきかdl,dt,ddを使うべきか)
http://www.akatsukinishisu.net/wiki.cgi?%A4%BD%A …
御回答ありがとうございます。
DHTMLの手引書を捲っていてふと浮かんだ疑問だったのですが、同じことを考えた方は多かったのですね。
ご提示のリンクも参考にさせて頂きます。ありがとうございました。
No.4
- 回答日時:
何でもかんでもCSSで代用するとCSSが使えない環境や、
設定でCSSを無効化した環境は苦労しますよ(笑)
視覚的な影響力を持つものを全て見栄えの定義という範疇で考えるのは良くないと思います。
HTML+CSSでWebページを構成した場合、
CSSが利用できなくてもある程度の範囲で正常に利用できることが望ましいのです。
例えばbrタグであれば、この利用規約がCSS無効の環境で改行ナシになったと考えてみてください。
ただでさえ長い文章が改行されていなければ読む気を失うことは間違いないと思います。
というか私であれば"何が何でも絶対に"読みません(笑)
http://service.okwave.jp/okwave/terms/index.html
tableタグはレイアウト形成で用いられる場合がありますが、本来の用途は複雑なリスト(要するに表)の形成です。
通常の図表をtableなしで構成することは非常に困難だし、CSSが無効になればユーザーはそこにある情報を利用できなくなります。
pタグも然り。ご存知かもしれませんが一部のテキストブラウザでは連続した<br>を無視するようになっているし、
<p>~</p>同士に行間を開けて表示するようになっています。
CSSのレイアウト設定が利かない環境ではpタグで文書構造を判断しています。
テキストブラウザのみならず音声ブラウザなども一部はそれに入るはず。
br,p,tableなどをCSSで代用することはそれらの環境を排斥することになってしまいます。
Web標準化の理念からも大きく逸れてしまいますよ。
御回答ありがとうございます。
CSSを切った環境のことは失念していました。確かにその場合、HTMLで最低限の外見制御をしてやる必要はありますね。
また、テキストブラウザや音声ブラウザなどを含めての標準化というポイントも盲点でした。確かに、W3C規格でもこれらに対する言及があったと記憶していたのですが、完全に認識から抜け落ちていました。
今回の件で、いろいろと考え直して認識を改める必要がありそうです。どうもありがとうございました。
No.3
- 回答日時:
>実際CSSで十分に代用
br は改行というデザインの事ですから、意図は判りますが・・・。CSSでの代用は現在では無理です。改行するという概念を非推奨とする発想ならまぁ考えられなくもないですが、文章の改行って自然ではないかと・・・。
そして p, table はそれこそ意味を持っています。p は段落であり、table は表を意味します。CSSではデザインこそ代用は出来ても意味は表せません。
それ以前にデザインの為のタグ選択は非推奨であるW3Cからしたら、CSSが無効でHTMLだけでまともに読めない場合、それはどこかでデザインの為のタグが使われているという事で逆に非推奨ですけど・・・・・。
まぁ「文章の構造を記述」に対して「CSSで十分に代用」としている時点で間違いですが。
タグの選択でCSSでどう表せると考える事が間違い。
表なのに table を使わず div と CSS を交えて記述するのは間違い・・・。(デザインの為に table を使うなという事と混同しない様に・・・。)
HTMLは構造。CSSはデザイン。そしてHTMLに対するブラウザのデフォルトのデザインがいろいろとやっかいな・・・。
御回答ありがとうございます。
質問の文章が判り難かったようで申し訳ありません。私が意図していたのは、文章の構造化はソースレベルにおいてdivタグなどで賄ってしまい、webページの外見に影響する部分は完全にCSSで記述したほうが、構造とデザインを分離する現在の標準化の方向性に合致しているのでは? ということでした。
実際、コンテンツ要素の各ブロックをHTMLで順不同に記述したものをCSSで自在にレイアウトする例も目にしたことがあり、ソースの保守性・再読性といった面でもこの方式の方が有用に思えた次第です。
No.2
- 回答日時:
br要素は微妙ですが、段落内においてさらに区切りが必要な場合に使うものだと思っています。
p要素については#1さんのおっしゃるとおりでむしろ必須です。
http://www.kanzaki.com/docs/html/htminfo16.html
table要素は「表」構造を示すためにあります。
他の要素+cssでtableに見えたとしても「表」をマークアップする為にはtableを使うべきです。
御回答ありがとうございます。
#1さんへのお礼でも書きましたが、「構造」をマークアップするためのタグがwebページの外見にまで影響を及ぼすのは本末転倒では? という疑問が生じたため、質問させて頂いた次第です。
御回答を参考に、もう少し考えてみようと思います。
No.1
- 回答日時:
BRとTABLEは、単純に・・・
「代替できないから」です。
(是非これらをCSSで代用した画面を作ってみせてください。)
P(=段落)に関しては、逆に「文章の構造そのもの」だからです。
むしろ、DIVを使うほうが、本末転倒でしょう。
御回答ありがとうございます。
brについては、HTML4.01策定の段階で非推奨要素の候補に挙がっていたという話を耳にしたので、「おや」と思った次第です。
また、tableやpについては「文章の構造」と言われていながら行間などページのデザインに影響する機能も持ち合わせているため、「それならdiv+CSSと変わらないんじゃ?」という疑問が念頭にありました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- CGI CGIで出力するhtmlの<!DOCTYPE html>等のタグは要りますか? 2 2023/02/05 21:26
- 洗濯機・乾燥機 前回の質問の続きです。 購入したブラジャーを洗おうとしたのですが、タグを見てみると洗濯機使用不可の記 2 2022/09/29 22:32
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- メルカリ メルカリでの下着の出品について 3 2023/07/30 16:27
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 【CSS】特定のリンクを含むaタグを指定できるかどうか? 3 2022/10/15 02:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
CSS:overflow要素の印刷について
-
input type="hidden"で取得した...
-
タグは大文字と小文字どちらが...
-
マージソートの計算量について-...
-
「諸要素」とはどういう意味で...
-
質問1.
-
含む含まないという概念自体の...
-
テキストボックスの中にリンク...
-
NからZへの全単射を具体的に構...
-
メールアドレス(グループ)の...
-
C言語線形リストの問題です
-
Bootstrap レスポンシブ textarea
-
エクセルVBAにてURLの抽出
-
エクセルでグラフにマークを入...
-
textareaの幅を画面と合わせたい
-
レスポンシブサイトで、右側に...
-
初歩的な質問です。<div>のwidt...
-
IEと他ブラウザでの行間について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
還暦を過ぎた方々に質問です。
-
「諸要素」とはどういう意味で...
-
質問1.
-
textareaの幅を画面と合わせたい
-
角丸画像の背景色を透明にした...
-
2個のFormを横並びにしたい
-
テキストボックスの中にリンク...
-
HTMLです 四角みたいにして中に...
-
CSS:overflow要素の印刷について
-
input type="hidden"で取得した...
-
tdに対してmin-heightの定義、...
-
HTMLページ上でiframeを最前面...
-
タグは大文字と小文字どちらが...
-
HTMLです
-
2行にしたい要素、改行か分割...
-
改行ほどは行かないけど、若干...
-
H1タグを画像にしたい
おすすめ情報