-
X（旧Twitter）・Facebook向けのメタタグ一覧
下記のメタタグを設定することで、SNS（旧TwitterやFacebook）で、リンクを共有する際に、タイトル、説明、画像などを取得できるようになります。 X（旧Twitter）向けメタタグ Xでのカード表示のために使用されるメタタグ（Twitter Cards用メタタグ）を使... -
HTML5で作成する場合の基礎コード（テンプレート）
HTML5でWEBページ（ホームページ）を作成する場合の基本的なコードになります。こういったコードをテンプレートとして準備しておくことで、楽にWEBサイトの作成が進められます。 [crayon-6864d7c9a9757138136150/] 各HTMLタグの説明 タグ説明<!DOCTYPE ... -
「.htaccess」で、サイトのキャッシュを無効化する
画像、CSS、JavaScriptファイルのキャッシュを無効化する 次のコードを .htaccess ファイルに追加します。特定の種類のファイル（画像、CSS、JavaScript）のキャッシュを無効にする方法です。 [crayon-6864d7c9a9ed8505336612/] 全てのファイルのキャッシ... -
CSSで3つごとの子要素に、スタイルを適用する
CSSで、要素の3つごと目だけ、スタイルを適用したいことがあります。 その場合は下記のようなCSSを加えます。 下記コードは、同じ親要素の子要素で、指定したクラスに一致するものの3つごとを選択します。 [crayon-6864d7c9aa588034233755/] 単純にクラス... -
CSSでテキストを縦書きにする
CSS [crayon-6864d7c9aaacc737611499/] HTML [crayon-6864d7c9aaad2017048095/] リセットする（横書きに戻す）場合 リセットする場合 [crayon-6864d7c9aaad5141770283/] 横書きにする場合 [crayon-6864d7c9aaad8184406618/] -
CSSでテキストの改行を禁止する／改行させる
改行を禁止する このプロパティを適用することで、テキストはコンテナの幅を超えても改行されず、一行に収まります。テキストを一行に保持したい時に便利ですが、テキストが長い場合、親要素をはみ出しますので注意も必要です。 [crayon-6864d7c9aaf850506... -
CSSだけで画像をモノクロにするテクニック【グレースケール】
ウェブサイトで使用する画像を視覚的に印象づける手法のひとつに、「画像を白黒（モノクロ）」にする方法があります。 特に、マウスを乗せたときだけカラー表示にしたいといった演出では、ユーザーの注意を引きやすくなります。CSSの「filter」プロパティ... -
FTPクライアントなら、FileZilla が便利でおすすめ！使い方も解説
FileZillaは非常に人気のあるFTPクライアントです。 FileZillaはフリーソフトですので、無料で利用することができます。 私は、以前はFFFTPを使用していましたが、現在では、その使いやすさから、FileZillaを多用しています。 ここでは、FileZillaを使うメ... -
HTML aタグ「相対リンク」と「絶対リンク」の違いを解説
ウェブサイトを構築する際に、ページ間での移動や他のウェブサイトへのリンクを作成するために、<a>タグ（アンカータグ）が使用されます。このタグ内で指定するリンクは、「相対リンク」と「絶対リンク」の二つの形式に大別されます。この記事では、こ... -
metaタグで別URLや別サイトへリダイレクトする方法
metaタグで他のページのURLへリダイレクトさせたい場合、下記のようなHTMLを<head>～</head>内に記載します。 [crayon-6864d7c9abedc258097552/] 「meta http-equiv="refresh" 」で指定したURLへ遷移するように指示します。 URLは、遷移させた...
