HTML
301リダイレクトとはhttpヘッダーに含まれるステータスコードの1つで、URLが恒久的に変更される際に利用する転送処理のことです。 主にドメイン変更やサイト移転、URLの正規化などの用途で使われます。
meta refreshはHTMLのタグの一種で、設置すると訪れたユーザーを指定したサイトに飛ばすことができるもの www.plan-b.co.jp
こちらもhead内コードの整理の中で。 これは(現時点での結論が)なんとなくは知っていた。 meta keywordsはかつてGoogleがページの内容を読み取ることに使われていた meta keywordsは現在SEO対策には全く寄与していない www.plan-b.co.jp
こちらもhead内コードの整理の中で。 <meta name="robots">(robotsメタタグ)とは、<head>内に記述することでクローラ(Webページ間のリンクをたどり、サイトの内容を読み取る検索エンジンのロボット)の動作を制御することができ、個々のページを検索結果へ思い通りに表示することが</head></meta>…
(こちらも「HTML5 Shiv」と同様に)head内コードを整理している中での断捨離対象に。 バージョン 8.0 以降の Internet Explorer で使用できる互換モードと呼ばれる機能です。 IE を「X-UA-Compatible」で指定した互換モードで表示させることができます。 (…
先輩コーダーのhead内コードを流用させていただきながら仕事をしてきたけど、ここらで自分でもhead内コードを整理してみようと思い、調べながら始めてみた。 その中で、古いIEの対応として「HTML5 Shiv」(html5shiv.js)を読み込んでいることに気が付いた(…
https://codepen.io/17num/pen/MRgGjo
ics.media
webukatu.com
ちょいちょい失敗するので。 PHPの場合。 www.sejuku.net HTMLの場合。 www.tohoho-web.com CSSの場合。 csshtml.work 結論 PHP、HTML、CSS、それぞれのコメントアウトは以下のとおり。 ---------- PHP のコメントアウト▲行頭に「//」を付ける。(題名付けや…
WordPressのサイトを触っているうちに、いつの間にかheaderと本編contentsの間に余計な余白が入っていたけど、これがなかなか消せなかった。 いろいろ調べて、試して、辿り着いた結果が、単純に<head>の方のコメントアウトが失敗していた影響だった。(わ…
ちょこちょこ忘れるので。 seolaboratory.jp ちなみに、pre タグという手もある。 blog.codecamp.jp 結論 スペースを確実に適用するなら、文字実体参照の専用コードを使用する。 ---------- ⇒ 無視・改行されない空白(スペースキーの半角スペースと…
スマホ表示時に、電話番号をタップしたらそのまま架電されるようにする。 同時に、PC表示時には反応させないようにしておく。 meshikui.com webst8.com 結論 架電は、リンクタグで。 <a href="tel:0000000000">0000000000</a> クリックの制御は、「pointer-events」で。 ---------- auto ・…
CSSで乗算の表現。bagelee.com logical-studio.com 結論 「mix-blend-mode」色と画像や、画像と画像を合成したいときに使うプロパティ。 「background-blend-mode」色と背景画像や、背景画像と背景画像を合成したいときに使うプロパティ。 ---------- 通常 ・…
最初はここを見ながら組んでみた。 moshashugyo.com ただ、動画に対してドットフィルタも導入することになり、調べ直したところこちらの方が記述がシンプルだった。 pulpxstyle.com ところが、どうしてもクライアントのiPhoneも含めたスマホで動画が再生され…