大佬教程收集整理的这篇文章主要介绍了防止在html5网站上显示为“无标题”部分,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
总体布局将是这样的:
<body> <header> <nav class="breadcrumbs"><ol /></nav> <h1>page title</h1> <p>visual title</p> <p>sponsor</p> <nav class="main_navigation"><ul /></nav> </header> <div class="main_content"> <article><h2>Article title</h2></article> <article><h2>Article title</h2></article> <article><h2>Article title</h2></article> <article><h2>Article title</h2></article> </div> <footer>Footer stuff<footer> </body>
我现在关心的是,如果我使用html5 outliner,我得到了面包屑导航,主导航显示为无标题.
按照层次化的标题结构,我不能给他们h2以下的头条新闻,当然我也不会“标题”他们,并将css标题隐藏到“标题”中,他们觉得错误.
如果您必须将它们作为您的大纲中的标题部分,则需要在其中添加标题.
在这种情况下,您可以执行以下操作:
<nav class="breadcrumbs"> <h2>Breadcrumb navigation</h2><ol /> </nav> <h1>page title</h1> <p>visual title</p> <p>sponsor</p> <nav class="main_navigation"> <h2>Main navigation</h2><ul /> </nav>
然后用css隐藏h2s.
BTW,你应该可以将div更改为更多语义…这里
<section class="main_content"> <article><h2>Article title</h2></article> <article><h2>Article title</h2></article> <article><h2>Article title</h2></article> <article><h2>Article title</h2></article> </section>
以上是大佬教程为你收集整理的防止在html5网站上显示为“无标题”部分全部内容,希望文章能够帮你解决防止在html5网站上显示为“无标题”部分所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。