format-detection【metaタグ】とは｜「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典
ホームページに関する説明書きだよ HTMLファイルのヘッダ部に記述するよ 「電話番号とかを勝手にリンクにするな！」な指示情報を書くよ 簡単に書くよ format-detection【metaタグ】（読：フォーマット・ディテクション）とは ホームページのファイルに書く、そのページに関する説明書き（を書くときに使う目印）のひとつ であり 「スマホで見たときにさ～。電話番号とかメールアドレス（メールの世界の宛先情報）を勝手にリンクにするな！」な指示情報のこと です。 もう少し正確に書くと HTMLファイルに書く「スマホで見たときにさ～。例えば数字が並んでいたら電話番号扱いにしたり、書式を勝手に解釈して変な処理してくれるじゃん？そこについて一言言っておきたいんだけど～」な指示情報のこと です。 順番に見ていきましょう。 まずは予備知識として「HTMLファイル」と「metaタグ」について簡単に説明し
HTML Standard
4.12 Scripting4.12.1 The script element4.12.1.1 Processing model4.12.1.2 Scripting languages4.12.1.3 Restrictions for contents of script elements4.12.1.4 Inline documentation for external scripts4.12.1.5 Interaction of script elements and XSLT4.12.2 The noscript element4.12.3 The template element4.12.3.1 Interaction of template elements with XSLT and XPath4.12.4 The slot element4.12 Scripting Scri
HTMLでフォームのボタンを非活性にする方法を現役エンジニアが解説【初心者向け】
初心者向けにHTMLでフォームのボタンを非活性にする方法について解説しています。ボタンを非アクティブにするにはdisable属性を使います。基本の書き方と指定した場合の動作、実際の活用例を見ていきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 HTMLでフォームのボタンを非活性にする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次 disable属性とは 活用
HTMLのフォームからPOSTで送信されたデータの受け取り方を現役エンジニアが解説【初心者向け】
初心者向けにHTMLのフォームからPOSTで送信されたデータの受け取り方について解説しています。入力されたデータをPHPで送信する際にはPOSTとGETの2つのメソッドが使用されます。それぞれの違いとPOSTの場合の書き方を覚えましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) 技術動向 Chome新機能 (1) HTML HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) カスタム要素 (1) シャドーDOM (1) HTMLインポート (1) HTMLテンプレート (1) ダイナミックHTML (1) フォーマット JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap 3 (1) Bootstrap 4 (52) Bootstrap 5 (10) Less (1) Sass (1) Tailwind CSS (
jQuery リファレンス：jQuery.parseXML
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
CSS Device Adaptation (Editor's Draft)
CSS Viewport Module Level 1 W3C First Public Working Draft, 25 January 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-css-viewport-1-20240125/ Latest published version: https://www.w3.org/TR/css-viewport-1/ Editor's Draft: https://drafts.csswg.org/css-viewport/ Previous Versions: https://www.w3.org/TR/2016/WD-css-device-adapt-1-20160329/ History: https://www.w3.o
モバイルブラウザでのレイアウトを制御するために meta タグの viewport を使う - Mozilla | MDN
Mobile Firefox (Fennec) 1.1 の来たるリリースでは、 <meta name="viewport"> タグのサポートを強化しています。Fennec の前のバージョンでは、width、height、そして initial-scale といったビューポートのプロパティをサポートしていました。しかし、iPhone や Android ブラウザ用につくられたいくつかのサイトでは不具合が出ていました。新しいバージョンでは Mobile Safari の同様のプロパティをサポートしました。また Fennec では、異なるサイズと解像度の画面でも、モバイルサイトをより同じように表示できるように変更しました。 touch.facebook.com のこれまでの表示： touch.facebook.com の新しい表示： あなたは、これらの変更点を、Maemo、Windows、Mac
【Labs】要素の背景にYouTube動画を使う方法
こんにちは（・∀・） 要素の背景に動画を表示する方法をご紹介します。 前回ご紹介したvideo要素に続いて今回はYouTubeの埋め込みコードのiframe要素を使用したYouTube動画を背景に表示する方法です。 iframe要素を使用したYouTube動画を背景に表示 前回のvideo要素でも言いましたが、背景で使用する動画ファイルは、なるべく軽く作りましょう。できたら1MB以下にできると表示もスムーズになります。 また、動画が表示されない場合の代替え画像を用意することも忘れずに。 HTML <div class="sample-demo"> <p>【CSS】YouTubeの埋め込みコードのiframe要素を使うサンプル</p> <iframe width="560" height="315" src="https://www.youtube.com/embed/4OcXH-BomSU
Webpackでhtml-webpack-pluginは実質必須なので必ずインストール！
Webpackの使用は増えているが… 最近はgruntやgulpではなくWebpackを使用するWebサイトが増えている。 例えばVue.jsで環境を構築したい場合はvue init webpack-simple sampleを実行するだけで基本的な環境構築が完了する。※ ※正確にはvue init終了後にcd sample && npm i && npm run devが必要。 しかし、このまま利用した場合、外部CSSやJavaScriptでファイルを読み込んでいる場合は古いキャッシュを読み込んでしまい、修正内容が反映しない問題が発生する。 html-webpack-pluginをインストール html-webpack-pluginをインストールすればHTML内のbuild.jsをnpm run build実行時にbuild.js?e9542a9296a47f1c0891のようにハッシュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
外部ファイルの読み込みは「CSS→Javascript」の順番で！
マイナポイントの申請方法！ポイントの付与期限や注意点についても解説｜お金と暮らしの相談カフェ
browserconfig.xmlへのアクセスは何なのか？
FC2ブログの高速化は何ができるか | The other way round
GitHub - feross/bg-sound: Web Component to emulate the old-school <bgsound> HTML element
bg-sound
target="_blank" target="_parent" 違い - Qiita
リダイレクトの方法 - Qiita
【Apache】faviconのエラーログを出力させなくする