Kindle版『HTML解体新書』で表記の気になった点
著
Kindle版『HTML解体新書』の購入からだいぶ日が経ってしまいましたが、内容的にではなく、表記の気になった点をまとめます。次の機会?にアップデート・改善していただけたら嬉しいですという。ちなみにリフロー版ゆえ、何ページ目の〜みたいな正確な指摘ができず申し訳ありません。
代替テキスト(alternativetext)
とありました。カーニングの影響かわかりませんが、本来、alternative textとあるべきところが詰まって一単語に見えます。- リクエストヘッダーのAcceptの解説で初めて「MIMEタイプ」が登場すると思うのですが、これは後述される言葉として補足なりリンクがあって良いように思いました。
MIMEタイプをい くつか紹介
のところ、余分な空白文字が入って見えます(カーニングの影響かもしれません)。エスケープ(P076)
という表記がありましたが、ページ数表記?はリフロー版では無効ですので、削除しても良いと思いました。RFC 2119 キーワードと日本語の対応
の枠囲みで、左下に謎の記号のようなものが混ざり込んでいました。MarkupValidationService
とありました。カーニングの影響かわかりませんが、本来、Markup Validation Serviceとあるべきところが詰まって一単語に見えます。American StandardCode for Information Interchange
とありました。カーニングの影響かわかりませんが、本来、Standard Codeとあるべきところが詰まって一単語に見えます。charactercode
とありました。カーニングの影響かわかりませんが、本来、character codeとあるべきところが詰まって一単語に見えます。CSS Device Adaptation 仕様 [^23]
とあって、直後に[^23] 9. Viewport <META> element
という表記の出てくる箇所があり、注釈か何かの誤記ではないかと思いました。こ の挙動は変更できません。
のところ、余分な空白文字が入って見えます(カーニングの影響かもしれません)。利用で きることが多いでしょう。
のところ、余分な空白文字が入って見えます(カーニングの影響かもしれません)。- picture要素とレスポンシブ画像のところで初めて「デバイスピクセル」が登場すると思うのですが、これは解説があっても良い用語の気がしました。
- Nu Html Checkerのスクリーンショットではボタンのラベルは
Check
と大文字で始まりますが、本文中の言及は小文字で始まるcheck
でした(これは完全に重箱の隅)。 後述のtype=urlやtype=emailと異なり
から始まる段落内において、薄緑色のマーカーの引き始めの位置がずれているようです。後述のpattern属性と併用するとよいでしょう。*
のところ、余分なアスタリスク記号が混ざり込んでいました。ブラウザーの日付や時刻を入力するインターフェイス
のスクリーンショット(図19)、直前の図18と同じものが掲載されていました。ブラウザーのカラーピッカーの例
のスクリーンショット(図27)、直前の図26と同じものが掲載されていました。複数選択が可能なチェックボックスの記述例
のコード断片で初めてfieldset要素が登場するのですが、これは後述される要素として補足なりリンクがあって良いように思いました。ブラウザーによる43のエラー表示例
のスクリーンショット(図44)、それより前の図41と同じものが掲載されていました。0以上の数値を入力するように指定した例
のコード断片のあとに続く段落で、時刻表記がおかしくみえました(23:59、および0:00
が下付き文字っぽくなっている?)。コントラスト比を満たさないこ とがあり
のところ、余分な空白文字が入って見えます(カーニングの影響かもしれません)。ブラウザーによる04の表示例(左:展開前 右;展開後)
のスクリーンショット(図05)、自分の環境では左右ではなく上下に並んで表示されます。ブラウザーによる11の表示例
のスクリーンショット(図12)、それより前の図10と同じものが掲載されていました。- 注釈のなかにあった
range、color`の場合です。
のところ、余計な記号が混ざり込んでいました。 JSON-LD注17によ るメタデータを埋め込むと
のところ、余分な空白文字が入って見えます(カーニングの影響かもしれません)。意味のあるJavaScriptを書くことはできません[^19]
とあって、直後に[^19] JavaScriptのコメントと改行、空白類文字のみが許されます。詳細は仕様を参照してください。
という表記の出てくる箇所があり、注釈か何かの誤記ではないかと思いました。defer属性およびasync属性の動作
のスクリーンショット?(図11)、水平方向に圧縮がかかり図が読み取れませんでした。出典表記と横並びのレイアウトになっている影響と推測します。対応するHTMLの要素が存在しないものもあります[^3]
とあって、直後に[^3] 2021年現在、searchロールに対応するsearch要素が提案されています。
という表記の出てくる箇所があり、注釈か何かの誤記ではないかと思いました。SVG Accessibility API Mappingsといった仕様もあります注9。
のあとにいくつか仕様とURLが列記されているのは、他の箇所に倣って注釈に移動すべきものかも?と感じました。ただし、*タブの表現にはアクセシビリティ上の課題も
のところ、余分なアスタリスク記号が混ざり込んでいました。
あまりうまく指摘できていないところもあります、必要であればどんな表示になっているかスクリーンショット提供しますので、まずはご確認いただければありがたいです。