HTML/CSS– category –
-
【HTML/CSS】テキストを改行させない方法
文字数が多くてテキストが改行されてしまい、思った通りのデザインが作れない！という経験ないでしょうか？そんな時に役立つ、テキストを改行させない方法について本記事では解説しています。 サンプルコード テキストが改行されるサンプルコードを用意し... -
【CSS】スタイルを強制上書きする方法(!important)
CSSでサイトのデザインを変更したいけど、既存のスタイルが優先されて上手く反映されない。優先順位の法則を調べたけどイマイチ理解できないという方向けに、本記事ではCSSでスタイルを強制上書きする方法について解説しています。 !importantの使い方 ス... -
CSSが反映されない時に考えられる原因と対処法
本記事では、CSSが反映されない時に考えられる5つの原因とその対処法について解説しています。 rel="stylesheet"を忘れている 別ファイルで記述しているCSSをHTML側で読み込むには、<head>タグ内に以下のコードを記述します。 <link rel="st... -
HTMLにCSSを読み込ませる3つの方法
本記事では、HTMLにCSSを読み込ませる3つの方法について解説しています。 別ファイルから読み込む 1つ目の方法は、CSSをHTMLとは別のファイルに記述しそれをHTML側で読み込む方法です。これが一番オーソドックスな方法で実際の開発現場で採用されています... -
【JavaScript不要】HTMLだけでn秒後に別ページに遷移させる方法
ECサイトなどでたまに見かける「5秒後に別ページに遷移します」、実装するのが難しそうと思われがちですが実はJavaScriptを使わずにHTMLで実装することが可能です！ 本記事では、HTMLだけでn秒後に別ページに遷移させる方法について解説します。 meta refr... -
【JavaScript不要】HTMLだけでリダイレクトをする方法
古いページにアクセスしてきたユーザーを新しいページに遷移(リダイレクト)させたいけど、JavaScript書けないからと諦めていませんか？実はHTMLだけでリダイレクトをする方法があります！ 本記事では、JavaScriptを使わずにHTMLの機能だけでリダイレクトを... -
【HTML】検索エンジンに登録されないようにする方法 noindex,nofollow,noarchive
Webサイトを作成したけど、まだWeb上に公開したくない。本番環境に仮公開でファイルをアップしたい。そんな時に便利な機能がHTMLに備わっています。 本記事では、HTMLで検索エンジンに登録されないようにする方法について解説しています。 検索エンジンに... -
【HTML】メタディスクリプションとは？設定方法について
本記事では、HTMLのメタディスクリプション(meta description)の意味と設定方法について解説しています。 メタディスクリプションとは？ メタディスクリプションとは、ページの内容を表す文章を記述するためのものです。ユーザーが検索した際に記事タイト... -
HTMLでタイトルを設定する方法
皆さんはWebサイトで公開するページにタイトルを付けていますでしょうか？WordPressなどのCMSでは、自動で設定してくれたり、付け忘れていたらプラグインなどが警告文などで知らせてくれます。 しかし、CMSなどを利用せず1から作成する場合タイトルタグを... -
HTMLでUTF-8を指定しているのに文字化けが起きた時の原因と対処法
HTMLで文字化けが起きた際に解決する一般的な方法は、<head>タグ内に<meta charset="UTF-8">を追加します。8割程度この方法で解決するのですが、中にはそれでも文字化けが起きてしまう場合があります。 本記事では、このような場面に遭遇した...
