タグ: html

MicrosoftのブラウザEdgeでの表示時、ページ内に電話番号（と、電話番号っぽい数字の羅列）が記載されていると、勝手にリンクが貼られてしまいます。 今回はそのリンクを無効にする方法をご紹介します。 方法(1)番号を囲むタグで制御 1つ目の方法としては、下記のような記述でリンクを無効にすることが出来ます。 <p x-ms-format-detect …

WordPressの私的チートシートに引き続き、今回はHTML/CSSのチートシートです。 基本的には個人的に最低限必要なものを記述したHTMLとCSSのテンプレートを用意しておいて、新規コーディング時にはそれを使い回しています。そして、気づいた点や追記したいものがあった時は忘れないようにすぐにアップデートするようにしています。 HTML 基本 宣言などの絶 …

スマホサイト等でつかえそうなドロップダウンメニューの実装方法の紹介です。 ダラダラとメニューを並べたくない時、見た目をスッキリさせたい時によくつかうのがドロップダウンメニューです。実装時に気を付けているのが、「押せる」ことが分かるようにすることです。まあ、当然ですが。 今回紹介するドロップダウンメニューであれば、ボタンの右端にアイコンが付いていて、そのアイコ …

サイトやページで横長のtableをつかっているとき。PC表示時であればそれほど悩むことはないですが、スマホでの表示方法に悩むことがあります。きちんとデバイスの幅に合うよう組み方を変える方法もありますが、場合によっては肝心の表の見やすさが損なわれてしまうときもあると思います。かといって、対策を何もしないとページ全体からtableだけ突き抜けてしまって不格好な表 …

これまでjavascriptやphpをつかわないと実装できなかったフォームのバリデーションチェックですが、html5以降は特別な言語をつかわなくても簡単に実装できるようになりました。 とはいっても、多少は正規表現の知識が必要だったりするので、比較的よくつかうであろうフォーム項目の記述例をまとめて紹介します。 どれかを選択することが必須のパターン 例：性別 & …

サイトやページの運営をしていると、画像の差し替え、修正を伴ったcssの差し替えがよくあると思います。基本、修正したファイルをサーバーで上書きすれば良いのですが、キャッシュの影響で差し替えたファイルが反映されない場合があります。 キャッシュの影響を受ける理由として真っ先に考えられる理由は、既存ファイルと修正後のファイルを同じ名前で差し替えているからなのですが、 …