Когда я просматриваю веб-сайты с помощью iPhone, я иногда вижу значок в верхнем левом углу. Когда я нажимаю на нее, я получаю всю статью без рекламы и прочего на простом белом фоне.
HTML на моем примере снимка экрана не имеет специальной разметки, поэтому я думаю, что Safari достаточно умен, чтобы получить нужный контент.
Но возможно ли поддерживать такие функции браузера? Как они называются и как работают?
3 ответа
Согласно этой статье, вам нужно только обернуть свой текст тегом HTML. Элемент <article> отлично работает как оболочка; Safari Reader распознает это. Неважно, какой элемент оболочки вы выберете, если он есть, кроме <body> или <p>. Вы можете использовать <article>, <div>, <section>
Ваш текст должен быть достаточно длинным (100 слов) с как минимум пятью дочерними элементами внутри оболочки. Внутри тега <p> каждый тег <br/> разделяет вашу главу на две главы.
Вы можете попробовать сделать свои сайты адаптивными с помощью Bootstrap ( http://www.w3schools.com/bootstrap/)
Другой способ сделать сайты отзывчивыми - использовать медиа-запросы ( http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
Надеюсь, это поможет вам в создании адаптивных статей.
Постарайтесь сделать все отзывчивым. Например, используйте% для ширины, а не пикселей или ПК.