ここから本文です

今大学でHTMLを使ったwebページの作成を学んでいるのですが、調べてみると見栄えに...

ult********さん

2019/5/423:23:39

今大学でHTMLを使ったwebページの作成を学んでいるのですが、調べてみると見栄えに関する要素はCSSで表現した方がいいと書いてありました。今自分は〈center〉〈table〉などを用いてレイアウトを作るように言われて

いるのですが、CSSを使った方がいいのでしょうか。

閲覧数:
6
回答数:
1

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

ois********さん

2019/5/500:15:13

〈center〉じゃなくて <center>、
〈table〉じゃなくて <table>。
HTML タグの囲いは、半角の「<」と「>」で記述する。

Web ページを作成するにあたって、
HTML は、
見出し、ナビゲーション、メインコンテンツ、フッター、…
といった文書の構成を記述するもの。
HTML で構成した文書に対して、
レイアウトや装飾、あるいはアニメーション効果などを設定するのは、
CSS の役割になっている。

そいういった役割分担があるものだから、
ひと昔前の HTML4.01 の時代に、
<center> や <font> など、
書式をコントロールする HTML のタグは「非推奨」とされ、
5年ほど前に HTML5 が勧告された時点で、
それらのタグは「廃止」された。
「タグ」だけでなく、
「bgcolor」など装飾を指定する「属性」も「廃止」された。

https://www.tagindex.com/html5/basic/abolished.html

つまり、
CSS を使ったほうがいい、とかいうレベルの話ではなく、
<center> や <font> といった書式管理用タグは「使ってはいけない」。
<center> でやろうとする揃え位置指定は CSS の「text-align」で、
<font> でやろうとするフォント管理は、
CSS の「font-size」や「color」などを使って指定しないといけない。

現在もまだ、
廃止された <center> などを
後方互換で反映してくれているブラウザもあるが、
廃止されたタグで記述されたページは、
いつ正常に表示されなくなってもおかしくない。

<table> については、
文書の構成要素として「表組み」という役割があるんで、
廃止されていない。
また、
昔は <table> はもっぱら表を表示するために使う物とされ、
レイアウトを組むための使用は推奨されていなかったが、
いまは、とくにレイアウトに <table> を使うことはタブーではない。
ただし、
<table> をレイアウトとして使用すると、
文書のセマンテックが保たれない場合が多いんで、
やはりオススメはできない。

表組みでレイアウトしたい場合は、
<header>, <footer> などのフローコンテンツや、
<section> などのセクショニングコンテンツに対して、
CSS の
「display:table」、「display:table-row」、「display:table-cell」
などを指定して表組みレイアウトをするほうがいい。


非推奨とされて 20 年近く、
廃止されて5年近くもたった今になって、
未だに <center> などを使った指導をしている学校があるとは、
あまりに信じられない・・・

  • 質問者

    ult********さん

    2019/5/501:14:06

    今の授業はUbuntuのターミナル弄ったり、inkscapeでお絵描きしたりと毎回色々テーマが変わってるので、サクッと教えるために敢えてHTMLだけで書くように教えたのかもしれませんが、それにしても驚きました、、、

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2019/5/5 01:14:17

回答ありがとうございました。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる