カテゴリ:html:記事一覧

このカテゴリの記事は、HTMLを使ったプログラミングについて、実際にやったことを中心に紹介します。

本サイトをiPadで表示したらレイアウトが崩れて、サイドバーが表示されない現象が発生しました。 よく見るとAdsenseの自動広告が原因のようです。 そこで技術上の原因と、どんな対処を行ったのかをお伝えします。 &nbs […]

今回は自分が運営しているWebサイトに縁取り文字を表示する方法をお伝えします。 幾つか方法があるので、自分に合いそうなものを取り入れてください。

htmlには分数を表示する機能が無いので、数学等の記事を書くとき苦労します。 実際には簡単なcssで分数を表記できるので紹介します。

当サイトをFireFoxで表示したら、開発ツールのコンソールに次のような警告が表示されていました。 This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”. 気になったので、意味と対処法を調べてみました。

今読んでもらっているサイトは、AMPバージョンのページを自作していました。 しかし、AMPページの対応をやめることにしました。その理由と、AMPページをやめるにあたって行ったことをお伝えします。

このサイトはWordPressですが、テーマを自作しています。 そのためファーストビューで使用するクリティカルcssをインラインで書き込む等の処置をしています。しかし、PageSpeed InsightsでWebページの読み込み速度を採点してみたところ、cssの読み込みで問題を指摘されてしまいました。対処としてcssを非同期読み込みしました。 その理由と方法、変更結果についてお伝えします。

普段気にしていないのだが、ふとSearch Consoleでサイトマップの登録状況を確認したら『サイトマップまたはサイトマップ インデックスファイルのネームスペース宣言が不適切です。』というエラーが出ていました。慌てて対処したので、対処した方法をお伝えします。

Webページ公開後にcssファイルの更新や画像ファイルの差し替えを行うことはよくあります。 このとき、更新したファイルをブラウザで反映させるために、パソコンならスーパーリロードをおこないキャッシュを無効化する必要があります。しかしスマホはスーパーリロードをおこなえないため、更新内容を反映できません。そこで、スマホで更新内容を即座に反映させる方法をお伝えします。

Webページにタグを表示しようと思ったが、表示されない。 scriptタグを表示しようと思ったが、src属性のjsファイルが実行されてしまう。 空白や改行が無視される。などで困った時の対象法をお伝えします。

このWebページってどんなhtmlなんだろ?とか、自分のWebページのhtmlを確認したいというケースがあります。そんなとき、Webページのソースコードを確認する方法をお伝えします。

今回は自サイトにファビコンを設置してみます。いろいろ難しい解説をしたけれど、ツールを使ったら簡単だったというお話です。