HTML
画像上の任意の場所をクリックできる「クリッカブルマップ」の使い方
Webサイト上に配置した画像内の任意の場所をクリックできるようにするコーディング方法の紹介です。 「クリッカブルマップ」あるいは「イメージマップ」と呼ばれたりしていて、特別な実装方法ではなくHTMLが…
はにわまん 
ファビコンのためのHTMLタグとicoファイルを作成できるサイト
ファビコンの設定方法です。ファビコンとは、ブラウザのタブのタイトル横に表示される小さいアイコンのことですね。 当サイト「HPcode」だったら「はにわ」のアイコンを表示させています。 ファビコンは、そ…
HTMLコーディングする時によく出会う実態参照と変換ツール
実態参照とは、どの機種で見てもちゃんと表示されるような文字の指定方法（書き方）です。 実体参照を使うのは2パターンあります。 HTMLタグとして認識される「<」や「&」を文字として扱うた…
各種SNSに共有するためのオリジナルなシェアボタン（URL）の作り方
SNSの時代において、SNSのボタンが存在しないサイトはほとんどありません。コーディグでは確実に求められる要素なので作り方を覚えておきましょう！ SNSのボタンには大きく２つあります。 自身のアカウン…
【SNSの時代に必須】静的なWebサイトでのOGPの設定の仕方
OGPはTwitterやFacebookなどのSNS媒体に投稿された時に、「どのような見栄えで表示させるか」を指定できる規格です。 HTMLのメタタグとしてフォーマットが決まっているので、ルールに沿っ…
最強のPHPお問い合わせフォームテンプレート「Responsive Mailform」の使い方とカスタマイズ方法
無料で利用できるPHPお問い合わせフォームテンプレートの中で、今のところ一番優秀だと思っているのが、「Responsive Mailform」。 入力する人がストレスを感じることなく快適に入力～送信ま…
「無料」で使えるお問い合わせフォームのPHPテンプレート7選！静的HTMLサイトの強い味方です
普段WordPressに慣れていると、「HTMLサイトでお問い合わせフォームも入れてほしい」と言われた時にだいぶ困ります。 「あれ、プラグイン使わずにどうやって作るんだ？」的な。 でも、大丈夫！ イン…
「SEOに準じたコーディング」とは？抑えておきたいポイント３つ
「SEOに準じたコーディング」を自分なりにまとめました。今のSEOはコンテンツ重視なので、コーディング側でできることって実はそんなにありません。 レベル１: W3C標準に準拠 W3Cは、HTMLやCS…
【具体例あり】構造化データ「microdata」「JSON-LD」「RDFa」の違いとメリット・デメリット
構造化データには、「microdata」「JSON-LD」「RDFa」の3種類の書き方があります。一般的にはシンタックスと呼ばれていたりしますが、用語が難しいので「書き方」としています。 Google…