<em></em> などのフレーズ要素を使用すると、意図した視覚スタイルを維持しながらドキュメントの構造を改善できます。しかし、<small></small>は日常的なアプリケーションではあまり一般的ではありません。第一印象は、Taobao UEDがこの小さな問題を無視しているのではないかということです。 <small></small> に関しても、オンライン検索の結果は非常に断片的です。使用を推奨しないという意見もあれば、放棄タグにその名前が記載されていないという意見もあります。幸いなことに、「Mastering HTML Semantics, Standards, and Styles」という本でこの点が詳しく説明されています。 <small> は、その兄弟である <hr><pre><sup><sub><i><b> と同様に、プレゼンテーション要素として定義されています。W3C によれば、これは単にフォント情報を指定できる要素であり、セマンティクスはありません。たとえば、<b> タグは間違いなく <em> または <strong> に置き換える必要がありますが、<i> タグについては、ページ内の外国語の段落を斜体にしたいときに直接使用することの何が問題なのかはわかりません (外国語を表示するための慣例)。これは、ユーザーが斜体の段落を表現するために <span class="">…</span> を使用すると、前者よりもはるかに多くのスペースを占有するためです。 より複雑な <big><small> については、本の著者である Paul Haine は明確な答えを出していません。理論的には、これらは純粋にプレゼンテーション要素であり、CSS に置き換える必要があります。しかし、業界の重鎮 (ジョー・クラーク) の中には、「重要度による重み付け」の視覚効果を実現するためにそれらを使用することを推奨する人もいます。議論の結果、利益と損失があり、特定の問題を具体的に分析する必要があることがわかりました。 Taobao コードのこのセクションに戻ると、<small></small> タグ内にナビゲーションをスキップするためのリンクがあります: <a class="invisible" href="#Content">ナビゲーションとツールバーをスキップ</a>。 Taobao UED は、考えた末に <i> タグと同じアイデアを採用したと思います。HTML スペースを多く占める <span class="skipNavigation"></span> を定義する代わりに、直接 <small> を使用する方がよいでしょう。さらに重要なのは、ナビゲーションをスキップする機能はユーザー向け、より正確には、読み取りブラウザを使用しているか CSS スタイル定義がない障害のあるユーザー向けであるということです。簡潔な <small></small> の方が標準化の精神に沿っているかもしれません。 唯一の疑問は、裸の CSS の下の <small> が、次のフォント サイズでその重要でない意味を示していることです。しかし、目の不自由なユーザーや読書用ブラウザの場合、<small></small> を <strong></strong> に変更すると、ユーザー エクスペリエンスがより最適化されるでしょうか? |
<<: CSS を使用して正方形の div を実装する 2 つの方法
>>: JavaScriptのアロー関数の特徴と通常の関数との違い
目次序文ステップ序文今日、es ログが記録されていないことに気付きました。filebeat、elas...
RedHat6.5インストールMySQL5.7チュートリアル共有、参考までに、具体的な内容は次のとお...
目次プロトタイプチェーンプロトタイプチェーンに基づいてシンプルなJQueryライブラリを実装すること...
コードをコピーコードは次のとおりです。 <a href=# title="ここに表示...
1. 何ですかRefs 、コンピューターでは Resilient File System (ReF...
この記事では、移行、バックアップ、アップグレードなどのシナリオで使用される Docker イメージの...
この記事では、オブジェクト パラメータをインスタンス化して MySQL でデータをクエリする方法を紹...
はい、CSS にも正規表現があります (アーメン) CSS で目立つための 2 つの強力なツール: ...
目次1.0 はじめに2.0 Dockerのインストール3.0基本的なDockerコマンド4.0 Do...
モバイル デバイスでは、金額を表示するために円形の波グラフィックがよく使用されます。最初は、この効果...
インターネット時代が成熟するにつれて、オンライン広告の発展も加速しています。圧倒的な広告収入と完璧な...
ウェブサイトの互換性のデバッグは本当に面倒です。今日のウェブサイト デザイナーは、以前よりもはるかに...
あなたはこの質問について考えたことがあるでしょうか?デュアルアクティブが構成されている場合、データル...
Docker はホストマシン上のブリッジを仮想化します。コンテナを作成して起動すると、各コンテナには...
赤い封筒の揺れ効果を実現するには要件があります。これまでやったことがないので、記録しておきます。ヘヘ...