阅读器视图可实现整洁的设计

时间:2018-07-30 19:34:04

标签: html css3 browser semantic-markup

是否有任何指南可以进行阅读器视图设计? 我一直在寻找有关它的文档,但最近没有发现任何东西,很多关于没有建立标准的讨论...

我想使网站能够在Kindle,平板电脑阅读器模式,终端浏览器,阅读器模式和打印模式下以良好的方式可视化。

涵盖了打印,并且源代码顺序也很智能,但是我不确定它的可读性和语义。

我基本上有这个想法,并且仔细考虑了文章各部分中元素的源顺序,因此我可以在没有CSS的情况下正确可视化它,但是现在,我开始担心Firefox和Safari等读者模式。

这可能是我目前拥有的代码片段:(我拥有的内容稍微复杂一些)

<body>
  <header>SiteHeader</header>
  <nav>site navegation</nav>
  <main>
      <nav>Content Nav</nav>
      <article>
         <header>Post Header and Few Meta</header>
         <section>Post Body</section>
         <footer>Footer Notes, and few meta</footer>
      </article>
  </main>
  <footer>Site Footer</footer>
</body>

所以问题是这样的: 我觉得这种设计在语义上足够“聪明”,可以很好地渲染和抓取,但是我如何才能确保它实际上像我想的那样聪明,并验证Reader View Display?

0 个答案:

没有答案