tableタグのscopeを正しく使おう!皆さんはテーブルタグのスコープって正しく書けてますか?「正直あまり分からない」「テーブルタグを使う機会があまりない」という人も多いのでは。今回は、そんな「scope」について書いてみます。スポンサードリンクscopeとは何か?scopeは、英語で「範囲、視野」などを意味する単語です。HTMLでは、テーブルの見出し「th」がどの方向に対してのものかを表す時に使います。縦方向になる場合は「scope=”col”」、横方向になる場合は「scope=”row”」と書きます。以下のような表組みの場合。茨城県この場合は、横(行)に対しての見出しになるので「scope=”row”」になります。scope=&quot;row&quot;&gt;3位&lt;/th&gt;&lt;td&gt;茨城県&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;です。「ぎょう(行)=ロー」。発音が似ているので覚えやすいですね。次は、縦方向の見出しがある表組みの場合です。はいいいえ99%1%この場合は縦(列)に対しての見出しなので、「scope=”col”」になります。scope=&quot;col&quot;&gt;いいえ&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;99%&lt;/td&gt;&lt;td&gt;1%&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;となります。2列や3列のサイトを作ったことがある人なら「カラム=column」なんて言葉を目や耳にしたことがありますよね。それと紐付けて覚えておくと、次からはスグに頭に思い浮かぶかも。今度は、以下のような構成の場合です。構成としては「1位」「2位」「3位」が『パスタ消費量』という行グループに属している形ですね。この場合は、『パスタ消費量』には「scope=”rowgroup”」という行グループを表すコードを記述します。その他の個所はさきほどと同じです。scope=&quot;row&quot;&gt;3位&lt;/th&gt;&lt;td&gt;茨城県&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;続いて、以下のような縦(列)方向の場合。パスタ巻いてる?はいいいえ99%1%この場合は『パスタ巻いてる?』というグループに「はい」「いいえ」が属している構成です。align=&quot;center&quot;&gt;1%&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;となります。理屈が分かれば、というか、どちらが「col」「row」なのかが覚えられれば簡単ですよね。min-width、max-widthなど最小・最大値をIE6にも対応させる方法いまさら感が満載な幅や高さの最小・最大値を指定するCSS、maxとminの使い方について。IE6が非対応なんですが、最大値の指定方法を忘れていたので個人的な備忘録です。高さの異なるリストやブロックを揃える時に便利な「tile.js」floatで並べられた高さの異なるリストやブロックを揃えたい時は、tile.jsというjQueryプラグインを使うと便利です。画面の幅(width)に応じて要素にclass名を付与・変更する方法jQueryを使って、ある画面幅を境に任意のボックスへ動的にclass名を付与したり外したりする時のTIPSです。入れ子タグまとめ製作はじめの頃はよく調べていたタグの入れ子ルールについて。2カラムレイアウト時に片方を固定・可変にする組み方2カラムのレイアウトで、サイドカラム幅は固定、メインカラムはウィンドウ幅に応じて伸縮するリキッドな感じの配置にしたい時のコーディング方法です。ボックスの幅を超えてコンテンツを表示させる方法ボックスの幅を超えて(はみ出して)コンテンツを表示させるデザインってありますよね。画像ページの先頭へ某企業のウェブ担当を経て2012年に独立。現在は東京・神奈川を中心にウェブ企画/デザイン/コーディングなどウェブ製作業務に従事してます。