如何告诉Microsoft Edge在阅读模式下应显示什么 [英] How to tell Microsoft Edge what it should display in reading mode

问题描述

Spartan/Edge中的阅读模式似乎以某种方式选择了网站上的哪个div以阅读模式显示.在许多页面中，找不到合适的div(如bbc.co.uk). 但是，在我们的网站上 ，它启用了阅读模式，但随后显示了完全错误的部分页面.

Reading mode in Spartan/Edge seems to choose, somehow, which div on the site to display in reading mode. In many pages, it does not find the appropriate div (like bbc.co.uk). However, on our site, it enables reading mode, but then displays the completely wrong part of the page.

所以-我如何告诉它采取适当的措施，或者至少如何在那些页面上禁用它

So - how can I tell it to take the right part or at least how to disable it on those pages

推荐答案

您可以在以下位置找到有关如何优化阅读视图以及如何选择退出的信息:

You can find information on how to optimize reading view, as well as how to opt-out, here: http://dev.modern.ie/testdrive/demos/readingview/

07/10:进行修改以包含特定信息

特别是，您可能会对优化标题，正文和图像标记以确保良好的阅读模式体验感兴趣.

Specifically, you may be interested in optimizing your title, body, and image markup to ensure a good reading mode experience.

标题

您的页面的页眉中应包含<title>元素.此外，您应在内容部分添加与主标题匹配的<meta title="">标记.

Your page should include a <title> element in the header. In addition, you should include a <meta title=""> tag that matches your main heading in your content section.

正文文本

确保您的主要内容不包含很多深层嵌套的元素，并且字体大小和其他样式是统一的.拉引号等东西的样式变化应该还是可以的.

Ensure your main content does not include a lot of deeply nested elements and that font-sizes and other styles are uniform. Style variations for things like pull quotes, etc. should still be fine.

图片

第一个符合条件的图像成为文章的主要图像.主导图像被渲染为第一部分内容，并具有完整的列宽.以下所有图像均在文章中呈现为嵌入式图像.

The first eligible image becomes the dominant image of the article. The dominant image is rendered as the first piece of content and given full column width. All following images are rendered as inline images within the article.

建议将图像包装在<figure>标签中，且标签不得超过两个.

Images are recommended to be wrapped in <figure> tags with no more than two <figcaption> tags.

退出

包含此meta标记将在IE11和当前的Microsoft Edge中禁用读取模式.

Including this meta tag will disable reading mode in IE11 and, currently, Microsoft Edge.

<meta name="IE_RM_OFF" content="true">

这篇关于如何告诉Microsoft Edge在阅读模式下应显示什么的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！