Навчання CSS 3 (каскадні таблиці стилів)
тег забезпечує метадані про HTML документі. Метадані не відображаються на сторінці, але інтерпретуються браузерами і пошуковими системами.
Вказівка кодування документа
тег дозволяє повідомити браузеру відвідувача, який набір символів і яке кодування необхідно встановити на веб-сторінці. Атрибут charset (HTML тега ) Задає кодування символів для HTML документа.
В даному прикладі ми задали кодування документа UTF-8 з використанням елементу і атрибута charset. Кодування UTF-8 одна із загальноприйнятих і стандартизованих кодувань тексту, яка дозволяє зберігати символи Юнікоду.
Стандарт HTML 5 не запитує конкретну кодування, але дає рекомендацію використовувати кодування UTF-8. Не рекомендується використовувати кодування ASCII, CESU-8, UTF-7, BOCU-1, SCSU і UTF-32 з різних причин.
Вважається доброю практикою, і настійно рекомендується визначати набір символів (кодування), використовуючи атрибут charset. Атрибут charset є лише частиною алгоритму визначення кодування сторінки браузером. Рекомендується вказувати кодування символів першим елементом (якщо використовується кілька). Зверніть увагу, що для одного документа вказується тільки одне кодування.
У теорії, будь-яка кодування може бути використана, але жоден браузер не розуміє їх все. Використовуючи більш поширену кодування символів, збільшує шанс того, що браузер буде її розуміти. Повний перелік кодувань доступний на сайті iana.org.
Часто використовувані мета-теги
Метадані розділені на дві основні групи:
Спільно з елементом використовується ще один атрибут - content. його основне завдання полягає в тому, щоб поставити значення, пов'язане з атрибутами name і http-equiv. в залежності від контексту. Якщо один з цих атрибутів вказано, то атрибут content повинен обов'язково бути присутнім, щоб задати значення. Якщо атрибут http-equiv використовується, то атрибут name не повинен встановлюватися в мета-тезі.
Розглянемо часто використовувані варіанти використання тега .
Опис в даному тезі досить важливе, його враховують пошукові машини при індексації. Атрибут content в даному прикладі містить опис конкретної веб-сторінки сайту. Не рекомендується використовувати довгі описи.
Являє собою список ключових слів (що стосуються конкретної сторінки). Ходить багато суперечок про те враховується чи ні пошуковими системами це значення, виходячи з переліку, що використовуються метатегов в Google, то він не враховує цей мета тег, а Яндекс, в деяких випадках залишає за собою право його використовувати.
Давайте розглянемо приклад використання цих мета тегів:
В даному прикладі ми використовували три елементи :
Атрибут http-equiv
Атрибут http-equiv фактично еквівалентний гіпертекстових заголовку (імітація http-заголовка), формують заголовок сторінки і визначають його обробку. Як правило, вони керують діями браузерів і використовуються для формування інформації, яка видається звичайними http-заголовками. Назва заголовка вказується в атрибуті http-equiv. а значення вказується в атрибуті content. У деяких випадках можуть автоматично бути переведені в справжні HTTP-заголовки.
Давайте розглянемо приклад його використання:
В даному прикладі ми використовували три елементи для яких були вказані різні значення атрибута http-equiv:
Індексація сторінок
Використовується пошуковими системами при індексації сторінок:
Для того, щоб мобільні браузери автоматично не змінювали розмір сторінок сайту, необхідно в тезі
розмістити метатег, який повідомляє браузеру, як обробляти розміри сторінки і змінювати її масштаб:Визначає мінімальне значення zoom (воно повинно бути менше або дорівнює maximum-scale). Значення - позитивне ціле число від 0.0 до 10.0.
Визначає максимальне значення zoom (воно повинно бути більше або дорівнює minimum-scale). Значення - позитивне ціле число від 0.0 до 10.0.
Логічне значення, яке визначає, чи може користувач збільшити масштаб веб-сторінки. Значення за замовчуванням yes (користувач може збільшувати масштаб).
Управління режимами Internet Explorer
Заключний мета-тег, який повинен бути присутнім на Ваших сторінках, дозволяє в залежності від зазначеного значення content повідомити браузеру Internet Explorer як відображати документ (в якому режимі) в залежності від версії, яка використовується в даний момент:
Атрибут content задає режим для сторінки, наприклад, щоб імітувати роботу Internet Explorer 7. вкажіть IE = EmulateIE7. Вкажіть IE = 5. IE = 7 або IE = 8. щоб вибрати один з цих режимів сумісності. Також можна задати IE = edge. щоб використовувати в Internet Explorer 8 найвищий доступний режим. Значення IE = edge повідомляє браузеру користувача, що необхідно використовувати останній доступний режим відображення документа, використовуйте це значення на своїх сторінках.
Грамотне розміщення метаданих на кожній сторінці вашого сайту, зробить його привабливим для пошукових машин і спростить процес індексації.
Питання і завдання по темі
Перед тим як перейти до вивчення СSS 3 дайте відповідь на наступне питання:
- Які чотири мета тега необхідно обов'язково використовувати, якщо сторінка Вашого сайту інформаційна і адаптована під мобільні додатки?
1. Настійно рекомендується визначати набір символів (кодування) в документі:
2. Опис в наступному мета-тезі досить важливе, його враховують пошукові машини при індексації і використовують в пошуковій видачі:
3. Для того, щоб мобільні браузери автоматично не змінювали розмір сторінок сайту, необхідно використовувати наступний мета-тег:
4. Для коректного (однотипного) відображення сторінок в браузерах Internet Explorer необхідно використовувати наступний мета-тег:
Навчання CSS 3 (каскадні таблиці стилів)