css3为什么a标签要用 nav 包起来?

html-css09

css3为什么a标签要用 nav 包起来?,第1张

nav这些标签不管css的事，是html里面的，html5以前没nav之类的东西，有了h5以后才建议这样做的，不是非要用nav包a，是建议在导航栏里用nav包a，nav就是导航的意思(你不包视觉上一样可以实现相同效果，而且一个新闻列表里面的a你就不该用nav包，因为新闻不属于网站导航区)

这叫语义化，比如给盲人阅读器（这玩意在中国目前基本上不存在用户群）及以后可能有更智能的设备和搜索引擎留路子，甚至把html拿给一些非屏幕阅读设备来读取，设备读取到nav区域就知道此处是导航。

就是说如果b类的前面（不一定要紧挨着）曾经出现过a类，则该b类被选中，比如：

<style>

    .a~.b{background-color:red}

</style>

<div class=b>.b 这个不会被选中，因为它前面没有a</div>

<div class=b>.b 同上</div>

<div class=a>.a 这里出现了a</div>

<div class=b>.b 这个会被选中，因为它前面出现了a</div>

<div class=b>.b 同上</div>