正しいHTMLのマークアップが学べる方法は何でしょ

正しいHTMLのマークアップが学べる方法は何でしょうか？

No.4 ベストアンサー 回答者： ORUKA1951 回答日時： 2011/10/20 08:27

「何が正しいか」と言われても、別に法律があるわけじゃないし（法律が正しいのか？と言う疑問もありますが）正しいとは何かの基準をとりあえず決めないと、なりませんが。

　一般的には、ウェブ標準を基準にして正しい、間違っていると言われることが多いです。ウェブ標準とは、これまた一般的に
HTML4.01strict　　あるいはこれをXMLで書き換えたXHTM1.0strict
　　　　　　　　　および、XHTML1.1 (transitinal--移行型--を削除したもの)
CSS2.1　　　　　　CSS2じゃない
DOM　　　　　　　 Document Object Model
　　　　　　　　　　HTMLをアプリケーションかに使用するためのインターフェース
WCAG　　　　　　　Web Content Accessibility Guidelines
　　　　　　　　　高齢者や障害者を含めて誰もがウェブを利用できるようにすることを目的としたガイドライン

をまとめて言うことが多いでしょう。
　次期HTMLの候補となっているHTML5では、DOMも含んでいます。HTML4.01でtransitinalとして非推奨・将来廃止予定とされていたものを含んでいません。(一部変更されて残るものもある)

　とすれば、ＨＴＭＬに関しては、HTML4.01の仕様書(transitinal--移行型を除いたもの)を
★HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

を参考にして作成しては、

★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
★The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input )
で、チェックをして指摘されたところを直す。

スタイルシートについては、
★REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
★Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification ( http://www.w3.org/TR/CSS2/ )
　(注)前者はCSS2の邦訳、後者はCSS2.1で英文(邦訳はない)です。いくつか変更箇所がある。
　を参考にして書き
★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_ … )
　でチェックする。

のが、実際には最も最短の方法でしょう。
　いずれも、始めは難しいと感じますが、そのうち慣れてしまいます。何が書かれているかわかるようになったら卒業ですかね。

そのまえに、
はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
あたりで、正しい方法をとりあえずおさらいしていくのが良いでしょう。
　HTML4.01の邦訳メンバーの代表の方が家族ために作られたページですから、正しいHTMLとはどういうものか理解できるでしょう。

No.5 回答者： Chaire 回答日時： 2011/10/20 15:30

とりあえず、青空文庫など著作権フリーの所から好きな作家のテキストを拝借し、タグ付けしてみるのをお勧めします。

その後、それ用のスタイルシートを書いてみます（なるべく変な ID/CLASS を振らず、タイプセレクタを使うよう心がけて下さい）。

HTML は文章内容をマークアップするものなのに、作り始めのうちは肝心の「内容」がなかなか増えません。だから、「とりあえずガワ（デザイン・レイアウト）だけ作って、内容は後で考えよう」になることが多いわけですが、それだとレイアウトありきの変な HTML になりがちなわけで。

何をおいても、大切なのは内容です。内容さえあれば、HTML なんぞ 30 分もあれば覚えられます。

No.3 回答者： pQ2MZc53 回答日時： 2011/10/20 02:50

仕様書を読むことはもちろんですが、

http://validator.w3.org/
こういうツールを使ってチェックするのもその手助けにはなるのではないでしょうか？

No.2 回答者： noname#158634 回答日時： 2011/10/20 02:12

規格を読む

No.1 回答者： Lchan0211b 回答日時： 2011/10/20 02:10

正式なHTML仕様書を隅々まで読むことだと思います。

あるいは、それを読んで理解できるスキルを
身につけることだと思います。

(HTML4.01仕様書 日本語訳)
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …