时间戳

首页 > 解决方案 > 简洁设计的阅读器视图

html - 简洁设计的阅读器视图

问题描述

有没有做阅读器视图设计的指南？我一直在寻找有关它的文档，但最近没有发现任何关于没有建立标准的讨论......

我想让网站能够在 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>

所以问题是这样的：我觉得这个设计在语义上“足够聪明”，可以有一个很好的渲染和爬网，但我怎么能确保它实际上和我想的一样聪明，并验证阅读器视图显示？

标签： htmlcssbrowsersemantic-markup

解决方案

推荐阅读