ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML小タグ活用のヒント_HTML/Xhtml_Webページ制作

HTML小タグ活用のヒント_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:42:27
オリジナル
1567 人が閲覧しました
のような句要素は、意図した視覚スタイルを維持しながら文書構造を改善できます。しかし、 は日常のアプリケーションではあまり一般的ではありません。第一印象は、淘宝 UED がこの小さな問題を無視しているかどうかです。

についても、ネット検索の結果が断片的で、使用を推奨しないという意見や、放棄されたタグにその名前が記載されていないものもあります。幸いなことに、これについては『Mastering HTML Semantics, Standards and Styles』という書籍で詳しく説明されています。


<sup> などの <sub><i><b> は、プレゼンテーション要素として定義されています。W3C では次のように定義されています。フォント情報を指定しますが、セマンティクスは指定しません。例: <b> タグは <em> または <strong> に置き換える必要があるのは間違いありませんが、 <i> タグはページ内の外国語テキストを斜体にしたい場合に直接表現するのが困難です(外国語表示の規約) ユーザーが段落を斜体で表現するために <span class="">...</span> を使用すると、前者よりもはるかに多くのスペースを消費するため、これを使用することに問題はありません。 <br><br>より複雑な <big><small> については、この本の著者である Paul Haine は明確な答えを示していませんが、理論的には、これらは純粋にプレゼンテーション上の要素であり、CSS を使用して削除する必要があります。 。しかし、業界の重鎮 (ジョー クラーク) は、「重要度によって重み付けされた」ビジュアルを実現するためにこれらを使用することを推奨しています。議論の結果、利益と損失があり、特定の問題を詳細に分析する必要があることがわかりました。 <br><br>淘宝網のこのコード部分に戻ると、<small></small> タグ内にナビゲーションをスキップするためのリンクがあります: <a class="invisible" href="#Content">ナビゲーションとツールバーをスキップ</a>。 Taobao UED は、多くの HTML スペースを占める <i><span class="skipNavigation"> を定義する代わりに、</span> を直接使用する方が良いと考えた結果、<small> タグと同じ考えを採用したと思います。さらに重要な点は、スキップ ナビゲーション機能はユーザー向けであり、正確に言えば、読み上げブラウザを使用している場合、または CSS スタイル定義を使用していない場合に、無効なユーザー向けであるということです。簡潔な <small></small> の方が適切かもしれません。標準化の精神。 <br><br>唯一の疑問は、CSS ストリーキングの下の <small> が実際に次の 1 サイズのフォントであり、重要でないという本来の意味を示しているということです。しかし、視覚障害のあるユーザーにとって、<small></small> を <strong></strong> に変更すると、読み上げブラウザのユーザー エクスペリエンスが最適化されるでしょうか? <br></small></small></i></small></big></i></strong></em></b></b></i></sub></sup>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート