HTML
HTML [HTML]Content-Security-Policyの設定まとめ
HTMLメタタグ .htaccess PHP
HTML [HTML]videoタグのmp4がiOSで自動再生されない時に確認すること
HTMLのvideoタグを使用してWebページに動画を埋め込む際、iOSデバイスで動画が自動再生されないことがあります。 これは、iOS固有の制約や設定によるものが多く、適切な対応を行うことで解決可能です。 この記事では、iOSでmp4動画...
HTML [htaccess]https+wwwありにURL正規化
.htaccessファイル
HTML [HTML]mp4のvideoタグ設置例
HTML
HTML [HTML]Javascriptで指定秒数後に別のページへリダイレクト
2000ミリ秒後にsample.htmlへリダイレクト bodyタグに以下の記述を追加します。
HTML [HTML]フォームのリセットボタン
HTML デモ .form-group {margin:0.755em 0}名前フリガナE-Mailリセット
HTML [HTML]YouTubeの埋め込みの際に動画タイトルを表示させない方法
Youtubeの動画をブログに埋め込み表示する際に、タイトルバーを非表示にする方法のご紹介です。 Youtubeの埋め込み動画のタイトルを非表示にする Youtubeのサイトから動画の埋め込みを選択し、ソースコードをコピーしたら、 URLの...
HTML [htaccess]特定のIP以外のアクセスにはメンテナンス画面を表示させる方法
WEBサイトのメンテナンス作業時に、.htaccessで特定のIPアドレス以外のアクセスがあればメンテナンス画面を表示させる、という方法について紹介させていただきます。 特定のIPアドレス以外のアクセスはメンテナンス画面へリダイレクト 今回...
HTML [HTML]iOSでselectのプルダウンメニューを全文表示する方法
iOSのSafariからプルダウンメニューをタップしたら、長い（文字数の多い）項目が…で省略されて全部表示されない場合の対処法のご紹介です。 selectタグの項目が全文表示されない場合 以下のようなプルダウンメニューをiOSのSafari...
HTML Firefoxで「安全な接続ではありません」のエラーを回避する方法
Firefoxでhttps://のURLにアクセスした際、安全な接続ではありませんというエラーが表示される場合があります。本来であればセキュリティ上、エラーメッセージに従って対象のURLヘのアクセスは避けるべきですが、 今回は、一部例外とし...
HTML [HTML]videoタグでmp4動画を再生前に任意の画像を表示させる方法
HTML5のvideoタグでmp4の動画データを再生させる際に、再生ボタンを押すまでの間に表示させておく画像を、自由に変更する方法のご紹介です。 今回はMacでの操作方法になります。 <video>でmp4動画再生前に任意の画像を表示させる...
HTML [HTML]実体参照をそのまま表示する方法
ブログ記事で「"」「&」「<」「>」などの実体参照を紹介する場合、そのまま書くと変換されて表示されますが、&を&に変換して入力すると、実体参照をそのまま表示することができます。 実体参照をそのまま表示 ...
HTML Googleの検索結果に画像ファイルを表示されないようにする方法
サーバーのルートにrobots.txtファイルを置き、サイトの画像ファイルをGoogleのインデックス登録から除外する方法のご紹介です。 robots.txtで画像ファイルのインデックス登録をブロックする robots.txt内のUser-...
HTML [HTML]iOS Safariの電話番号の自動リンクを無効化する方法
ページ内の数字のかたまりがiPhoneのSafariでは電話番号として認識され、自動でリンクが貼られてしまうのを防ぐ方法のご紹介です。 電話番号や連続する数字が自動でリンクするのを防止する iOSのSafariでは、ページ内の電話番号や連続...
HTML [HTML]丸数字①〜㊿の実体参照のまとめ
以前に紹介させていただいたMacのことえりで11〜50の丸数字を表示する方法の記事にも関連しますが、今回はWEBサイトなどで丸数字を使う（表示させる）際に、①②③…の機種依存文字ではなく「実体参照」で入力する方法のご紹介です。 ①〜㊿の丸数...
HTML [HTML]ルビ（ふりがな）を振る方法
.highlight1 {padding-top:2em} HTMLで漢字の上に小さくひらがなでルビを振る方法のご紹介です。 ルビをふるにはrubyタグを使う ルビをふる対象（ルビベース）の漢字を<ruby></ruby>タグで囲み、ふりが...
HTML HTML拡張子でPHPを実行する方法（.htaccess）
.htaccessを使って拡張子HTMLのファイルで<?php include(); ?>などのPHPを実行する方法のご紹介です。 サーバーによって.htaccessの記述の仕方に差があるっぽいのですが、今回はシックスコアサーバーでの方法に...
HTML .htaccessでコメントアウトの記述方法
.htaccessファイルはサーバーの設定を制御する強力なツールです。 設定内容を分かりやすくするためにコメントアウトを使用することが推奨されます。 コメントアウトを活用することで特定のコードを無効にしたり、設定の説明を加えたりすることがで...
HTML [HTML]videoタグでmp4動画をサイトに埋め込む方法
HTML5のvideoタグを使ってmp4動画をサイトに埋め込む方法のご紹介です。 今回はvideoタグの基本的な使い方から、videoタグをサポートする主要ブラウザと、それらブラウザ向けの動画再生方法などを中心に紹介させていただきます。 v...
HTML [HTML]<a href=”mailto:”>でメーラーを起動する方法
<a>タグのリンクをクリックしてメーラーを起動する方法のご紹介です。 また、メーラーを起動時に自動でメールの件名や本文を入れた状態にする方法も合わせて紹介させていただきます。 mailto:でメーラー起動 <a>タグにmaito:を書き、そ...
WordPress [HTML]iPhone でのサイト閲覧時に数値に自動でリンクが貼られないように回避する方法
企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、 PC では問題なくても、iPhoneから見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝手にリンクされないよう...
HTML .htaccessでindex.htmlのURL正規化
静的サイトのトップページであるindex.htmlをプログラム処理の入ったindex.phpに置き換える場合や、静的サイト全体をWordPressで作り替える場合に必要になることが有るのでメモ。 ドメイン名/index.htmlでのアクセス...
HTML 手軽にローディング画像が作れるジェネレーター「Loader Generator」
簡単にローディング画像を生成できるジェネレーターLoader Generatorのご紹介です。 ローディング画像の種類や大きさ、色やアニメーションのスピードなどの細かい設定ができ、GIF形式で画像をダウンロードしてサイトに設置することができ...
HTML [CSS]HTML5 のplaceholder のテキストカラーを変更する方法
HTML5で強化されたForm 周りの機能の1つに、input type="text" などのフォームに初期値としてテキストを入れておくことができる placeholder 属性というものがあります。 今回は、このplaceholder 属...
HTML [HTML]フォームのtype=submitのvalue属性の文字列を改行させる方法
<input type="submit">ボタンのvalue属性の文字列を<br />タグで改行しようとしたら、そのまま<br />と出力されて改行が行われないので、 今日はボタンのテキストを改行させる方法を2パターン紹介させていただきます...