HTMLで作りたい機能があるのに方法がわからない時、大きな味方になってくれるのが、リファレンスサイトです。
今回はそんなHTMLのリファレンスサイトを10サイト紹介していきたいと思います。HTMLでの作業に確実に役立つサイトばかりなので、ぜひ参考にしてみてください。
なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。
HTMLクイックリファレンス
HTMLを書いていて何度もお世話になるサイトです。
HTMLのリファレンスの他にも、CSSやJavaScriptなどの、Webデザインで使用される言語のリファレンスも載っています。サイト作成における全般で役立つので、困ったらこのサイトを見に来ると良いでしょう。
逆引きHTMLリファレンス
Webデザイン初心者向けのリファレンスサイトです。
リファレンスサイトと聞くと、言葉が難しく中級者向けのイメージがありますが、このサイトはそうではなく、初心者向けに分かりやすく書いてあります。
他のリファレンスサイトがとっつきにくいと感じた方にオススメです。
TAGindex
基本的なリファレンスの他にカラーチャートなど、色に関わるリファレンスも多いのが特徴です。
さらには、色の組み合わせチェックも行うことができるので、デザインに困ったときにも使用したいリファレンスサイトです。図やソースコードと共に実際の表示を確認しながら学習できるので、知らないタグが出てきてもイメージしやすいでしょう。
HTMLタグボード
初級者から中級者まで広く使えるリファレンスサイトです。
初心者向けのホームページ作成講座や、Webデザインの基礎、さらには収益化の方法など、HTMLを学ぶ上で知っておいた方が良い情報が詰まっています。
自分でオリジナルサイトを作ってみたいという人は参考になるはずです。
MDN HTMLリファレンス
HTMLの隅から隅まで情報が載っているリファレンスサイトです。見やすいデザインもオススメです。
各タグごとに仕様やブラウザでの実装状況を確認できるので、IEなど様々なブラウザを相手にする作業を行う場合に役立つでしょう。
HTML5.jp
W3CのHTML仕様を日本語訳したのがこちらのサイトです。
リファレンスの他に具体例がたくさん載っているので、イメージが湧きやすいのが特徴です。
HTMLリファレンス
mainなどの要素の他に属性情報も多く載っています。
また、階層毎に分かれた見やすいページデザインになっているのも特徴です。
HTMLリファレンス
階層毎に分かりやすくまとめられたリファレンスです。
HTML5で追加された要素の一覧があるので、HTMLとHTML5の違いが知りたい方などにおすすめのリファレンスです。
しらぎぐのウェブサイト作成入門
独特のキャラクターが迎えてくれるリファレンスサイトです。
そのキャラクターとは裏腹に見やすいサイトになっています。アルファベット順に各タグが並べられており、用語辞典のようになっています。何の要素を表しているのか分からないタグがあれば、すぐに解決できるでしょう。
HTMLリファレンス
すべてのリファレンスは載っていませんが、よく使用されるタグが載っているリファレンスサイトです。
リファレンスにありがちな情報が多すぎて見つけにくいということがないので、あまり混乱したくない初心者の方におすすめのリファレンスサイトです。単純に知識をつけるという意味でも役立てられるはずです。
以上、HTMLでの作業に役立つリファレンスサイトをまとめました。
HTMLで使えるタグを網羅しているサイトから目的に応じて検索できるリファレンスサイトまで、利用シーンが変わってくるので自分の目的に合わせてぜひ利用してみてください。
基礎からHTMLを学習できるサイトもまとめているので、こちらも合わせてご覧ください。
[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。
この記事をシェアしてください
バックナンバー
この記事の筆者
Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。
