Web制作のコーディング（HTML, CSS）の学び方

WebデザインやWeb制作技術を学ばれている方は、HTMLでは意味付けしていくタグ、CSSではスタイルを適応させるためのプロパティや擬似要素、擬似クラス、そして関数など沢山のことを覚えて利用していく必要があります。

学習初心者は、HTMLとCSSの基本的な構文（書き方）を覚えたところで、デザイン制作ツールで作成したデザインカンプをもとにWebサイトの構築をしていくわけですが、デザインカンプ通りに構築できるのか最初は不安に思うこともありますし、それを実装するために多くのタグやプロパティなどを覚えていかなくてはなりません。

Web制作技術の学習方法は様々で、初心者の方はまず書籍を購入してから参考書の内容で学習を進めていき、自信がついてきたところでWeb制作の仕事を職場で活かしたり、個人であれば営業して案件を獲得してWeb制作のプロジェクトに進みますが、世の中のWeb技術も時代によって進化しますし、クライアントからの要望で新しいタグやプロパティを利用していくこともよくありますので、基礎はもちろんのこと、新しい技術も学習し続けることになります。

そうなると、毎年新しい書籍を購入しなければならないのかと思ってしまいますが、HTMLとCSSの構文と制作フローから公開までが一通り理解できていれば、2冊目、3冊目と購入する必要はありません。
最初に購入した書籍で学んだ後は、Webから最新の情報を収集しつつ、学びながらWeb制作を進めていくことができます。
（書籍も手元に持っておきたいという方は購入していただいても構いません）

常にWeb上で公開されているリファレンスサイトは、サイトにもよりますが最新の情報が早い段階で追加・更新されます。

ここでは、Web制作を学ぶ時や実際の制作時に役立つWebサービスをいくつかご紹介します。

HTML/CSSリファレンス

これまでにWebはW3Cが標準化を進めていましたが、2021年1月28日以降はWHATWGのHTML Living Standardが標準仕様となりますので、それを踏まえてたリファレンスサイトをご紹介します。

以下の「TAG index」というサイトでHTMLとCSSの仕様が確認できます。
これまでの規格も含め、HTML Living Standardの要素の一覧が掲載されています。

TAG index – HTML & CSS Web制作リファレンス
https://www.tagindex.com/

HTMLはトップページのページ上部に掲載されている、HTMLリファレンス［HTML Living Standard］の項目または、サイドバーのHTML Living Standard要素一覧のリンクから、一覧ページに進んで要素を確認してください。
CSSはHTMLの下に掲載されています。
また、グローバルナビからも各ページに進んで確認できます。

最新の情報については公式からの規格勧告の後、おそらく数週間から数ヶ月で新しい情報が掲載されるでしょう。

もし最短で最新情報を取得したい場合は、HTML Living Standardの公式サイトを確認するといいでしょう。

HTML Living Standard（英語）
https://html.spec.whatwg.org/