サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
web.studynet.jp
CSSハックを使用する際の注意事項 CSSハックは、ブラウザのバグや未対応のプロパティなどを逆に利用したものとなっています。 ブラウザは日々進化し、ブラウザのアップグレードによって今まで使用していたCSSハックが使えなくなる可能性もあります。 » CSSハックを使用する際の注意事項に関する詳細はこちら
meta要素・link要素・rev属性・rel属性には、以下のような種類があります。必要に応じて足したり省いたりします。 文字コードと言語を宣言(この2つは省いてはいけません) 必ず<title></title>の前に記述します。 <meta http-equiv=”content-type” content=”text/html; charset=Shift_JIS” /> <meta http-equiv=”content-language” content=”ja” /> ※charset(文字コード)を各々の環境に合わせて変更 ロボット検索エンジンの対処 現在では、このタグを記述していなくてもクローラーがサイト内を巡回しますので、SEO対策としてであれば記述の必要はありません。ロボット検索して欲しくない場合等に記述すると良いでしょう。 <meta name=”robots” con
この方法は、スタイルシートの中から外部スタイルシートを読み込ませる方法です。 @importの方法で、各メディア環境に配慮したスタイルシートの設定を行います。 @imoprtの記述方法は、以下の通り5つの書き方があります。 @import url("style.css"); @import url('style.css'); @import url(style.css); @import "style.css"; @import 'style.css'; ※最後は必ず、;(セミコロン)を記述します。 @imoprtコードの使用方法 @imoprtコード記述の組み合わせがいくつかあります。 <style>間に@importを記述する <head>間のstyleを書く箇所の中に記述します。
将来、ハックが使えない可能性もありますが、正規CSSの下にCSSハックを記述しておくと、 メンテナンスが楽になります。 以下の個別に指定できるCSSハックも含めて、ブラウザ毎のCSS対処方法(1)?(4)まで、色々な組み合わせでブラウザ別に対応することができます。 スターハック 対応ブラウザ:IE4-6,Mac4-5
CSSレイアウトが主流なので、CSSレイアウトを前提にした管理しやすい画像ファイル名の説明をします。 例えば、以下のようなサイト構成があったとします。 【サイト構成例】 画像ファイルは大きく分けて次の用途で使われます。 CSSで背景画像として使う場合 HTMLファイルでimgタグ使う場合 まずは、CSSで背景画像として使う場合とHTMLファイルでimgタグ使う場合を分けた方が良いということになります。 背景画像の命名 背景画像名には、頭に「bg_」を付けるとそれが背景画像として使われているということが分かります。 もしその背景画像が、id=”header”で使われる場合は、「bg_header.gif」とすれば、CSSのどの部分で使用しているかが分かります。 このように、id名やclass名、htmlファイルのタグを利用したファイル名の命名をお勧めします。 背景画像名の例 サイドバーのリス
Web制作の基本:StudyNetについて Web制作の基本|StudyNetでは、 WEBデザインとコーダー(マークアップエンジニア)の双方の視点からWeb制作の基礎を学びます。 Web制作における実務に役立つサイト管理の方法から、 サイト最適化(SEO対策)による正しいマークアップ方法、CSSスキルを身につけてより自由なデザイン技術を学ぶための技術解説しています。 Web制作の基本:StudyNet 最新情報
このページを最初にブックマークしてみませんか?
『Web制作の基本:StudyNet』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く