0

behance.net サイトの css の一部を分析しようとしています。クロムインスペクターでかなり徹底的に調べましたが、理解できないことがいくつかあります。

上部のナビゲーション バーには、「発見」、「ギャラリー」、「ジョブ」というテキストがあります。"Discover" がアンカー タグ内の div であることに気付きました。ブロック レベル要素はインライン レベル要素に存在できないという印象を受けました。しかし、これはかなりプロフェッショナルに見えるサイトであり、彼らはそれを行っています. 一部のブラウザでは壊れませんか？

<a    class="nav-link" href="/"><div class="nav-text nav-sprite nav-sprite-discover">Discover</div></a>

ありがとう！

4

2 に答える 2

3

HTML5 のドキュメントによると、<a>要素にはtransparentコンテンツ モデルがあります。つまり、ブロック レベルの要素を含めることができます。

HTML4 以前では、<a>要素はインライン要素であり、ブロック コンテンツを含めることはできませんでした。

于 2012-09-25T15:44:26.310 に答える
1

Behance が HTML5 doctype を使用している場合、これは有効です (zzzzBov が言うように、HTML5 仕様の現在のドラフトでは、要素には透過的なコンテンツ モデルがあり、ブロックレベルの要素を含めることができます)。

ただし、XHTML doctype を使用しているため、このコンテキストでの使用は無効です。(ほとんどの) ブラウザーで壊れることはありませんが、厳密には正しくないため、エミュレートしません。

于 2012-09-25T15:49:02.693 に答える