この達成方法の目的は、クライアントサイドで利用可能なリダイレクトを、利用者を混乱させることなく用いることである。リダイレクトはサーバーサイドで実装するほうが望ましいが (SVR1: クライアントサイドではなく、サーバーサイドで自動リダイレクトを実装する (SERVER) を参照)、コンテンツ制作者がサーバーサイド技術を管理しているとは限らない。 HTML 及び XHTML では、meta 要素に http-equiv 属性には「Refresh」という値、content 属性の値には「0」(ゼロ秒を意味する) を、ブラウザが要求すべき URI を後に伴って指定することができる。重要なのは、新たなページを読み込む前にコンテンツが表示されるのを避けるために、タイムアウトをゼロに設定することである。リダイレクトのコードを指定したページには、リダイレクトに関する情報のみを含めるべきである。 コード例

XHTMLの言語コードは xml:lang 属性で指定する。言語コードは ISO 639* で規定されている２文字言語コードを使用する。 例： xml:lang="ja"　（日本語） xml:lang="zh"　（中国語） xml:lang="ko"　（韓国語） RFC 3066* では、２文字言語コードにハイフン（-）つなぎで下位言語や方言を指定することができる。 例： xml:lang="zh-tw"　（中国語 -- 台湾語） xml:lang="en-us"　（英語 -- アメリカ英語） xml:lang="en-ca"　（英語 -- カナダ英語） 言語コード 言語名

ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための

フォームを作る際に、ユーザビリティを激的に向上させるひとつに、チェックボックスやラジオボタンと一緒に使うlabelタグがあります。 例えば↓これが普通のチェックボックス チェックして下さい これにlabelタグをつけてあげると↓こんな感じ チェックして下さい こうすると、「チェックして下さい」をクリックしても、チェックボックスにチェックが入ります。 ただ、iPhoneやiPadに搭載されているブラウザのMobile Safariでは、このラベルタグが使えません。。 使えるようにして欲しいですがしょうがないです。 なのでJavaScriptで解決！ 手っ取り早くjQueryでliにclickイベントを発動させてあげるだけ！ jQueryを読み込んでいる前提で、下記の感じで <!-- ↓html↓--> <ul> <li><input name="test" value="test" type

現在、WEBサーバのシェアとしてはApacheが過半数を占めています。英国Netcraft社の調査によると2016年4月におけるApacheのシェアは49.15％である（active sitesにおけるシェア。参照：Netcraft: April 2016 Web Server Surveyy）。 2位のnginxを大きく引き離しています。このような世界的に人気の高いApacheをウェブマスターとして使いこなす方法として、このホームページでは.htaccessの利用法について解説します。httpd.confに触ることのできない一般のウェブマスターさんを対象に、「アクセス制限」「カスタムエラーページの設定」「MIMEタイプの設定」など実用度の高い利用法に絞って紹介します。「何をしたいか」のかを中心に、.htaccessの利用法を説明する構成になっています。

media="print" な印刷用 CSS を用意している場合、そこに背景画像を設定していたとしても印刷されない。ヘッダに画像を使って CSS で文字を非表示にしているウェブサイトの場合、ユーザーがそのサイトのヘッダ画像を含めて印刷したいのに、タイトルが味気ないテキストだけで印刷されるのを不満に思うとしたら、どう解決すれば良いのかってことで下記リンク先のバッドノウハウ。 wg:Printing CSS background images (sort of) カラクリを大雑把に言うと、印刷用 CSS の指定で当該箇所を display:list-item; にして、list-style-image に印刷させたい画像を指定するって感じ。以前紹介した「letter-spacing を使って背景画像置換」を使って、テキストを非表示にするんだけど、これって IE だと 1 バイトの文字はうまくい

Home > HP作成講座 > 画像系タグ > 画像のみ右クリック禁止 ●右クリック禁止 サンプル ●右クリック禁止(アラート表示) サンプル

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

WordPressWordPressを基本として制作致します。もちろんオプションではなく無料でインストールしクライアント様御自身で更新できるようアドバイス致します。 SSL化すべてのページSSL化を無料で実施しています。 SSL化は今後のサイト運営で欠かせない高セキュリティ運営になります。 今後は間違いなくSSL化が主流となってきます。 さらにHTTP/2対応のサーバーを利用するのでサイト表示も高速化が可能。

上の画像やリンク文字を選択してください。 周囲が点線で囲まれます。フォーカス(forcus)を他に移すと消えます。 リンクの選択が良く判っていいのですが 場合によってはデザイン的に目障りな場合があります。 この点線枠（アウトライン）を最初から現れないようにする方法は 点線枠を消したい a 要素に　onFocus="this.blur()"を追加します。 style="outline:none;"はFirefoxでは動作します。 Firefoxはイメージマップのリンクではアウトラインは出ません。 <a href="リンク先URL">サンプル集</a> <a href="リンク先URL;" onFocus="this.blur()">サンプル集</a> 下の画像、リンクをクリックしても点線枠は表示されません。 JavaScript スタイルシートサンプル集 onFocus="this.blur

以下のような記述を見かけるが、これはリンクを無効にするため。 a href="javascript:void(0);" こうした上で、a タグの onclick で関するを呼び出すパターンが多い。 つまり、以下のような感じ a href="javascript:void(0)" onclick="function_name(); return false;" っで、関数呼出し後の return false も肝で、クロスブラウザで挙動を合わせる場合に、onclick に関しても、見せ掛け上、処理が無効となるよう return false する必要がある。 実際には、途中の処理が実行されるので別ウィンドウ開くなどのアクションは正常に処理される。 プログラミング > JavaScript - void(0)onClick に false を返すと、クリック自体が無効になり、リンクしなくなります