お問い合わせフォームなどでメールアドレスや住所を入力してもらう場合、平文で送信すると内容を傍受されてしまう可能性もあります。 そこで送信内容を暗号化して送ることができるのですが、その暗号化プロトコルのことをSSLといいま…
共用SSLを利用してCSSや画像がロードされなくなった時の対処法
郵便番号を入れたら住所を自動入力してくれるフォームを実装するjQueryプラグイン「jQuery.zip2addr」
WEBサイトにお問い合わせフォームなどのフォームを設置することは多いと思います。 例えば、住所を入力してもらいたいときに、郵便番号と住所のフォームを設置したとします。ユーザーとしては、郵便番号を入れて、住所を入れて、と結…
サイトマップ(sitemap.xml)を生成してくれるWEBサービス「sitemap.xml Editor」
WEBサイトのSEO対策において、サイトマップは大事な要素です。ここで言うサイトマップとは、検索エンジン用のサイトマップ(sitemap.xml等)のことです。 WordPressを使っていれば、Google XML S…
OGPを設定してサイトをSNSに最適化しよう
FacebookやTwitterの登場で、SNSは私たちの生活の一部と言っても過言ではない状況となりました。 気に入ったブログ記事やWEBサイトがあったら、Facebookでいいね・シェアしたり、Twitterでつぶやい…
HTMLで半角スペースや円マーク等の特殊文字を表示する方法
例えば、「HTMLで段落を記述する場合、<p>を使います。」というような文章を書きたい時、そのままHTMLを記述すると、<p>の部分がタグとして扱われるため、”<p>…
p要素、div要素、span要素のそれぞれの違い
HTMLを書いていると、p要素とdiv要素どちらを使えばいいか、div要素とspan要素どちらを使えばいいか、等の悩みが出てくると思います。 これらの要素はHTMLの中である一定の範囲を指定する際に使います。特にdivや…
WEBページにフォームを設置する方法2
WEBページにフォームを設置する方法1のつづきで、フォームの設置方法についての説明です。 チェックボックス 複数の選択肢の中から、複数を選択してもらいたいような時はチェックボックスを使います。チェックボックスは、inpu…
WEBページにフォームを設置する方法1
様々なWEBサイトでお問い合わせフォームは見たことがあるかと思います。WEBサイトの利用者にとって、お問い合わせフォームがあるとわからないことを聞くことができるので、助かりますよね。 そんなフォームの設置方法について説明…
WEBページに表を入れる方法
HTMLで表を作る場合、tableタグを使います。<table>～</table>で囲まれた中が表になります。 例えば、3×3の表を作りたい場合は以下のように書きます。 これをブラウザで表示すると…
WEBサイトにリストを表示しよう
HTMLでリストを作る方法をご紹介いたします。 リストには箇条書きリストと番号付きリストがあります。 箇条書きリスト まず、箇条書きリストを作る方法を説明します。 箇条書きリストを作るには、このように<ul>…