Структура страницы
Итак, начнем погружение в HTML5, и начнем его с самого верха страницы. С тега HTML? Нет, еще выше, с DOCTIPE! Именно здесь нас ждет самое радикальное и, наверное, самое приятное изменение, ради одного которого уже стоило начинать революцию. DOCTYPE теперь выглядит так:
<!DOCTYPE html>
Это все, и мне кажется это прекрасно! Про PUBLIC «-//W3C// DTD XHTML 1.0 Strict//EN», xhtml1-strict. dtd и прочее можно забыть как про страшный сон. Показательно отсутствие версии html — согласно концепции WHATWG, отказывавшейся от упоминания версии, определяет стандарт по мере его развития, то есть такой тип включает все любые типы html — и xhtml-документов, в том числе и будущих версий.
Продолжим строить страницу:
<!DOCTYPE html>
<html lang=”ru” dir=”ltr” >
<head>
<title>HTML5 — путеводитель по технологии
</head>
<meta charset = utf-8> Hello HTML!
</html>
Следующий приятный сюрприз — синтаксис тега <meta>. Прежний синтаксис, включающий http-equiv = "…" content = "…", все еще правомерен, но писать по-новому немного приятней, правда? И номер версии HTML указывать нет необходимости — есть просто HTML, и все!
Да, наверное, все заметили, что сам вышеупомянутый тег расположен в непривычном месте (внутри контейнера <head></head>). Это не ошибка — новый стандарт позволяет размещать метаинформацию где угодно. Конечно, лучше ее поместить в наиболее удобном и читаемом месте, но не всегда это будет секция заголовка (в дальнейшем нам будут встречаться примеры таких решений). Кстати, секция <head> вовсе не обязательна для валидности, равно как и опущенная в нашем примере секция <body></body>.
Впрочем, тег именно «опущен», за отсутствием необходимости. Браузер считает, что он все равно незримо существует, в чем нетрудно убедиться, проанализировав данную разметку в Mоzilla Firebug или в Google Chrome Inspector (рис. 7). Этот и некоторые другие (<head>, <html>) всегда «подразумеваются», хотя для использования в CSS — или в JavaScript-сценариях их надо прописывать в явном виде.
Рис. 7. Браузер дорисовывает необходимые элементы
Да, новый стандарт предполагает довольно большую свободу — я уже не буду говорить об отсутствии необходимости кавычек у атрибутов и закрывающего слэша у одиночных тегов. Правда, это не освобождает нормального разработчика придерживаться определенных стандартов кодирования. Постараемся избежать эклектичности в написании и мы в дальнейших примерах. А пока еще приятная мелочь — тег <a> теперь означает блочный элемент и может выполнять функции группировки:
<a href=”/item. php&id=5”>
< h 2 > Ш в а б р а < / h 2 >
<р>Необходимый инструмент для дома и самообороны</р> <img src = ”shvabra. jpg»>
</a>
(если вы верстали именно так, то теперь вы можете делать это на законном основании).
Добавить комментарий