HTML の書き方と、ブラウザーによる解釈の違いを扱います。DOCTYPE とレンダリングモード、リンクの書き方、ブラウザーの移り変わりなどです。
カテゴリー
HTML
記事 (6 件)
- onclick 属性をやめて、イベントを JavaScript から登録する HTML の onclick 属性に処理を書く方法の問題点と、addEventListener でイベントを登録する書き方を、別ウィンドウを開くリンクを例に説明します。
- DOCTYPE とレンダリングモード ── 標準モード・互換モードと X-UA-Compatible DOCTYPE の書き方でブラウザーの表示の仕方 (標準モード、互換モード、ほぼ標準モード) が切り替わる仕組みと、古い IE 向けの X-UA-Compatible、今の書き方と確かめ方を説明します。
- mailto: リンクの件名と本文を文字化けさせない書き方 mailto: リンクに日本語の件名や本文を入れるときは、encodeURIComponent で UTF-8 のパーセント符号化をします。改行の書き方、文字化けが起きていた理由、問い合わせフォームとの使い分けも説明します。
- IE9 から Edge へ ── Microsoft のブラウザーの移り変わりと対応状況の調べ方 Internet Explorer 9 で Web 標準への対応が大きく進んでから、Chromium を使う Edge と IE のサポート終了に至るまでの流れと、今ブラウザーの対応状況を確かめる方法 (MDN の互換性の表、Baseline、Can I use) を説明します。
- Zen Coding から Emmet へ ── HTML を省略記法ですばやく書く HTML を短い省略記法から展開する Zen Coding は、今は Emmet という名前で VS Code などのエディターに組み込まれています。子・兄弟・繰り返し・番号・属性・文字などの基本の書き方を、展開結果とあわせて紹介します。
- iOS 5 の position: fixed から考える、スマートフォンの固定表示とスクロール iOS 5 の Safari で position: fixed と、要素の中の 1 本指のスクロールが使えるようになったことを入口に、今のスマートフォン向けの固定表示とスクロールの書き方 (sticky、dvh、safe-area) を説明します。