是否有任何指南可以进行阅读器视图设计? 我一直在寻找有关它的文档,但最近没有发现任何东西,很多关于没有建立标准的讨论...
我想使网站能够在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?