Откройте уже имеющуюся у вас веб-страницу. Вероятно, первые несколько строк ее разметки будут выглядеть следующим образом:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Удалите этот фрагмент кода и замените его следующим:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
Сохраните изменения в документе, и в результате у вас должна получиться HTML5-страница, которая сможет пройти валидацию в валидаторе W3C (http:// validator. w3.org/).
Не беспокойтесь, на этом текущая глава не заканчивается! Это предварительное упражнение призвано лишь продемонстрировать гибкость HTML5. Это эволюционное, а не революционное изменение разметки, которую вы уже пишете. Мы можем использовать его для того, чтобы «зарядить» разметку, которую уже умеем писать.
Итак, что же мы в действительности сделали чуть раньше? Прежде всего мы указали новое объявление типа документа HTML5:
<!DOCTYPE html>
Если вам нравится писать код в нижнем регистре, то <!doctype html> будет ничуть не хуже. Разницы никакой.
ОБЪЯВЛЕНИЕ ТИПА ДОКУМЕНТА HTML5 — ПОЧЕМУ ОНО ТАКОЕ КОРОТКОЕ?
Объявление типа документа HTML5 <!DOCTYPE html> такое короткое потому, что лишь указывает браузерам обрабатывать страницы в «стандартном режиме». Такой наиболее эффективный подход к написанию синтаксиса преобладает в значительной части HTML5.
После объявления типа документа мы открыли тег <html>, указали язык, а затем открыли раздел <head>:
<html lang="en">
<head>
ВЫ ГОВОРИТЕ ПО-НЕМЕЦКИ?
Согласно спецификациям W3C (http://dev. w3.Org/html5/spec/Overview. html#attr-lang) атрибут lang определяет первичный язык для содержимого конкретного элемента и любых атрибутов этого элемента, которые содержат текст. Если вы пишете страницы не на английском, то вам потребуется указать соответствующий язык. Например, для японского языка тег <html> будет выглядеть как <html lang="ja">. Полный перечень языков можно увидеть по адресу http:// Www.iana.org/assignments/languagesubtag-registry.
И наконец, мы указали кодировку символов. Для этого мы использовали элемент без содержимого, который не требует закрывающего тега:
<meta charset=utf-8>
Если только у вас не будет веской причины указать другую кодировку символов, то ею почти всегда будет UTF-8.
Добавить комментарий