HOME > HTML/CSS関連
HTML / CSS
HTMLやCSSに関する参考情報を掲載しています。
(X)HTML関連
HTMLタグの意味
- 外部リンクHTMLタグの意味一覧
※要素名ごとに英語表記をご覧いただけます。(例) h1~h6:heading、見出し etc. - 外部リンクHTMLタグの読み方辞典
※要素名ごとに読み方をご覧いただけます。(例) a:アンカー、anchor etc.
HTMLタグについて
- 外部リンクHTMLクイックリファレンス
- 外部リンクTAG index
- 外部リンクXHTML HTML辞典
- 外部リンクWeb標準HTMLタグリファレンス ─ デザインハック@IT
※Web標準に基づいたXHTMLタグの正しいマークアップ方法のリファレンス一覧です。「正しい記述でマークアップしたい」というニーズをお持ちの方にお勧めのレファレンスです。
HTML5関連
- 外部リンクHTML5 における HTML4 からの変更点
- 外部リンクHTML5.JP
- 外部リンクHTMLで図まで描ける!進化した「HTML5」ってどんなもの?
CSS関連
CSSでロールオーバーを作成
- 外部リンクCSSで実現するスマートなロールオーバー
- 外部リンクロールオーバーをCSSで実現する
id名、class名の命名ルール
- 外部リンクid名やclass名に命名規則をつける
※現在、ベターな書き方といわれているのが「キャメルケース」を使う方法です。id="mainContent"のように、2つ目の単語の1文字目のみ、大文字で記述するパターン。これは動作上の問題が無く、また可読性も若干上がるため、最近多く見かける書き方です。 - 外部リンクCSSのid・class命名規則
※id名、class名の書き方だけでなく、下記についても注意したほうがよいと思われます。それぞれ具体例が示されています。 - 外部リンクNaming conventions table
※欧米圏でのid/classの調査結果です。具体例としてかなり参考になります。
CSSレイアウト講座
- 外部リンクCSSレイアウト実践講座
- 外部リンクCSSによる段組(マルチカラム)レイアウト講座
- 外部リンク2Step CSS - リアルタイムCSSレイアウト講座
HTMLとXHTMLの違い
- 外部リンクHTMLとXHTMLの違いはなんだろう?
ここにバナーが入ります。
ここにバナーが入ります。