By
Radiocity
Всех приветствую.
Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы.
В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров:
<link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link rel="stylesheet" type="text/css" href="enhanced.css" /><![endif]--> Однако, согласно тестам, браузеры игнорируют параметр media при загрузке стилевых таблиц. Тогда, чем же подход демо хорош? В чем его преимущества, если получится на один запрос больше?
Далее, не совсем понятно, причина использования значения 40.5em. Почему используется относительная величина, если первоначальный размер шрифта в браузере может быть абсолютно любым?
Также в демонстрационной версии не обнаружил подключения поддержки html5 тегов для старых браузеров (html5shiv) или аналог. Полифилы в modernzr тоже не подключены. Как тогда решена проблема поддержки? Плохое демо?
UPDATE: Кажется, с последним вопросом разобрался. Используется подход «HTML 4 - для стилизации, HTML5 - для значения/семантики»
Question
Maksim55
При изучении HTML возник вопрос. Для чего нужен тег <cite> задача которого заключается в выделении текста курсивом если есть тег <em> который делает тоже самое. В чем их отличие?
Link to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.