如何为阅读模式创建网页?

时间:2017-12-14 21:55:35

标签: html css

如何利用浏览器中的“读取模式”来呈现简化,更清晰的网页版本?

我已经使用Google查找有关如何编码页面或以其他方式设置读取模式的信息,而我还没有找到任何内容?是否有某个文档或网页可以解释阅读模式以及如何设置可以利用它的页面?

Simon T

4 个答案:

答案 0 :(得分:0)

理论上:什么都不做。

网站作者通常不喜欢阅读器模式 - 它隐藏了广告,并抛弃了设计。它设计用于不管站点的工作,而不需要对其部件进行特定的努力。

也就是说,当给出高质量,结构良好的标记时,它更有可能运行良好。

编写有效的HTML。利用<main><nav><header><footer><h1-6>等语义元素。

答案 1 :(得分:0)

你读过这个吗? https://mathiasbynens.be/notes/safari-reader 以下是直接从网站上获得的结论说明

  

结论

     

这肯定需要更多的调查,但到目前为止,这些似乎   是Safari的Reader功能最重要的因素   踢进去:

     

使用正确的标记,即确保将最重要的内容包装在容器元素中。无论你是使用article,div还是span   似乎并不重要 - 只要它不是p。   内容需要足够长。使用足够的单词,使用足够的段落,使用足够的标点符号。每个段落至少应有100个字符。

     

Reader不适用于本地文档。

答案 2 :(得分:0)

我认为重要的不仅仅是使用有效的HTML,而是将 HTML5 与其提供的所有内容一起用于语义结构化文本:<section>以明确分隔部分,{{ 1}}如果你有主题独立的部分(比如不同的博文/文章),<article>要清楚标记标题部分<header><h1>,以获得层次不同的标题(你应该总是小心永远不要省略某个级别,例如<h6>部分直接有h4,总是使用h2导航菜单等。段落,列表,页脚等...

BTW:nav没有任何语义含义,因此您可以使用这些(与类属性一起)来做任何事情,以“非读取模式”直观地调整结果。

答案 3 :(得分:0)

对于阅读模式的工作方式没有任何标准,不同浏览器的工作方式也有很大不同。通过遵循文档标题的约定并提供某些元数据元素,可以帮助确保阅读模式与您的站点配合良好。我已经详细记录了here