HTML,CSSをきちんと勉強する為のおすすめの本があれば教えてください

Question

HTML,CSSの本を探しています。
ドットインストールの動画や、webサイトなどで、HTML,CSSは学び簡単なWEBサイトは作れるようになってきたのですが、度々文法違反を指摘されることがあります。そこで、参考書を買いきちんと学びたいと思っているのですが、おすすめの参考書などがあれば教えて頂けますでしょうか？

Answer 1

個人的にはこのあたりをよく見ます。

HTML	HTML Standard 日本語訳
CSS	CSS3の日本語訳集
JavaScript	JavaScript MDN
色指定	Web色見本

Comments

[newyee]

ご回答ありがとうございます。
参考にさせて頂きます。

Answer 2

個人的には参考書は月日が経つと情報が古くなりがちですし、
ブラウザ毎の対応状況まで網羅していないものが多いイメージなので
随時ネット上の信頼できるページを確認することをオススメします。

文法違反がどういうものかわかりませんが、本当に基礎的な部分（※）でなければ
なるべく最新情報を追えるようにした方が良いかと思います。
（※ありもしないタグを使うとか流し読みして独自解釈して突っ走るなど）

HTML、CSSついでにJavaScriptに関してはMDNのリファレンスが個人的におすすめです。
重要な項目であれば対応バージョンも書いてますし、例も載せてくれてます。

• HTMLリファレンス
• CSSリファレンス
• JavaScriptリファレンス

CSSはCan I useも参照すると良いでしょう。
どのブラウザで対応してるかとか見やすくて良いです。

Comments

[newyee]

ご回答ありがとうございます。
MDNは存じているのですが、辞書的に使うようなものなのかなと思っていたのですが、そういう訳ではないのでしょうか？
文法違反というのは、例えばなのですが、囲ってはいけないタグで、要素を囲ってしまっていたり、実際に実現できてはいるものの、適切なタグで囲えていないですととかそういったことです。

[dice142]

> MDNは存じているのですが、辞書的に使うようなものなのかなと思っていたのですが、そういう訳ではないのでしょうか？
使うタグ名を検索して調べるという意味では合っていると思います。

> 文法違反というのは、例えばなのですが、囲ってはいけないタグで、要素を囲ってしまっていたり、実際に実現できてはいるものの、適切なタグで囲えていないですととかそういったことです。
私がよく調べる手段としては、たとえば「文字を装飾したい」と調べた時に「span」を見つけたとします。
サイト内と若干異なることをしたいときは、その次にMDNなどで「span」を調べてみたりします。

場合よって2段階3段階調べますし、そもそも使ってみてから判断することもあります。

Answer 3

文法違反の指摘を何とかしたいのでしたら書籍だけだと限界があるかと思います。
文法チェックのサービスもありますので、そちらを利用してトライ＆エラーで知見を広めてはと。

• HTMLとCSSの文法チェックツール7選！よくある文法エラーも紹介

Comments

[newyee]

ご回答ありがとうございます。
文法違反をなんとかしたいというのもあるのですが、WEBサイトをある程度調べながらではあるのですが、作れるようになってきて、実際に、実現したいこともある程度形にはできるようになってはいるのですが、なんといいますか、webサイトのここはこういうタグで囲って、こういう感じでコードを構築していく、といったようなことをに体系的に学べたらなと思ったんですよね。

[newyee]

リンクありがとうございます。
活用させていただきたいと思います

[m.ts10806]

SEOを意識したものであればSEO観点で調べたら良いですし、
正規化であれば文法チェック
効率化であればリファクタリング　となります。
用途や目的によっても違いますし、結局どのように組んでも同じようなものができる以上は、目標を具体化するのが先なのかなと。
Webサイトの設計によってもやることは全然違ってきますしね。

[newyee]

そうですね...正直な所、かなり自分は初歩的な段階にいるため、適切なタグで囲えているのかですとか、内包しても良いタグ、ダメなタグの区別がきちんとついていない状況なんですよね...
なので、まずはそういった所を改善していきたいと思っているんですよね。
実際、まだ、SEOを意識してコードを組んでみるといった、目的に応じてコードを組み替えるといったようなそこまでのレベルに達していないというのが現状ですね...

[m.ts10806]

MDNもそうですがドキュメントなりマニュアルをすべて100％暗記している人って熟練者でもそうそういないので、その辺りは都度調べながらで良いと思います。
そこもHTMLでもトライ＆エラーですね。本だけ読んでも本質的な理解にはつながりません

Answer 4

CSSに関してですが、Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 これは読んで損はないと思います。おすすめです！
http://amzn.asia/d/buWShUb

Comments

[newyee]

ありがとうございます！