jQueryを使って外部のhtmlを読み込むTips
jQueryを使ってヘッダ、フッタなど共通部分のhtmlを本体のページに読み込むカンタンTipsです 共通で使いたいhtmlと、読み込む側のhtmlを用意する。共通部分にはheadタグとかbodyタグとかは不要です。 ほんとに部分的に抜き出したhtmlだけを用意します。 例えばヘッダ、フッタを共通にする場合は3つのファイルができることになります。 index.html 本体 header.html ヘッダー footer.html フッター jQueryを使うので、htmlの文字コードはUTF-8にしておきます。 jQueryをダウンロードするhttp://jquery.com/ 特に理由がなければ「Production」を使用します。 htmlでjQueryを呼び出し、共通htmlを読み込むまずjQueryを呼び出します。ふつーに。 ＜script type="text/javascri
【JavaScript】ヘッダーなど共通部分を外部化してメンテナンス性を高めよう | affiliate.ks-product
affiliate.ks-product アフィ収入月10万円以下の初心者を対象に、アフィリエイト、SEO、セールスライティング、マーケティングなどネットで安定して稼ぐ方法を分かりやすくまとめています！関連書籍のレビューも書いています 近年WordPressやMovableTypeといったCMSツールでサイト構築を行うことが一般的になってきて、メンテナンス性向上の為にヘッダー、フッター、グローバルナビゲーション等、各ページの共通部分は外部ファイル化してインクルード（読み込み）することが多いと思います。 しかし、WordPressやMovableTypeが使えない、ましてやPHPなどのサーバーサイド言語が使えない案件も多いかと思います。そこで紹介するのが今回のテクニックです。 サーバーサイド言語が使えなくてもJavaScriptがあるじゃない 共通部分の外部化・インクルードはサーバーサイ
ホームページ作成の基本 [ホームページ作成] All About
ホームページの作り方4つホームページの作り方個人で初めてホームページを作成する方法としては、主に以下の4通りがあります。PCに作成ソフトをインストールして使う方法や、ウェブ上の作成サービスをブラウザから利用するだけで済ませる方法など様々です。それぞれの作り方には、メリットもデメリットもあります。主な...続きを読む
METAタグリファレンス
METAタグはHTML文の<head>～</head>間に挿入し、HEADタグ要素ではサポートされない付加的情報の記載をします。META要素はプロパティとその値の指定の組み合わせで使用されます。プロパティには「http-equiv」、「name」があり、値の指定は「content」で行います。他にもプロパティ値の解釈に用いるべきスキームの名前を示す「scheme」というプロパティもありますが、あまり一般的ではありません。METAタグは幾つ入れても構いませんが、使用しなくても特に問題はありません。また、ブラウザによっては対応していないものもあります。 文字コード（MIMEタイプや文字符号化方法）を指定するときに使われます。文字コードがSJIS(シフトJIS、通常WindowsシリーズやMacintoshで使われる日本語)の場合は上記のように書きます。これを入れることにより文字化けがなくなりま
携帯サイト（html,table使用可）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
前回のエントリー「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」では、tableを使わずにできるデザインでサンプルページを作成しました。 今回は「tableを使用してよい」という条件のもとで制作した場合、で考えてみます。 ただ、table非対応機種で見てもそこまでむごい崩れ方をしないように考慮して制作します。 デザイン、条件は前のエントリーと同様です。 前提条件は、 ・3キャリア1ソース ・html（CSSは使用不可） ・文字コード：Shift-JIS ・改行コード：CR LF 対応端末は、 ・docomo 901以降 ・au WIN端末 ・sb 3G です。 ※table非対応端末が含まれているがtableは使用してよいこととする。ただし、table非対応機種でもサイトの閲覧に支障がないようにすること。 チェックポイント tableが使えることによって前よりもチェッ
クロスブラウザのためのHTML/CSSのテクニック集 | コリス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
初心者のためのホームページ作り-Web for beginner ホームページ作成支援
Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML基本 XHTML DTD / HTM
水無月ばけらの HTML リファレンス
HTML4.0 の Transitional DTD を元に、各HTML のデータを加味して作成した HTMLリファレンスです。 水無月ばけらの HTMLリファレンス リファレンスを読む前に 要素リファレンス(分類順) [→アルファベット順]
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
