» Основа HTML5 шаблона Создание сайтов. . . Блог программистов


Блог программистов




201125 Май

Основа HTML5 шаблона

Начинаем статью по HTML5
Во-первых в начале документа должен быть декларация, или DOCTYPE.
Это просто способ сказать браузеру или любому другому парсеру какой тип
документа он смотрит. В случае HTML, это означает, какая конкретная версия.
DOCTYPE всегда должен быть первым пунктом в верхней части. В прошлом декарация
DOCTYPE была уродлива.Для XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
А в HTML5 простая, и которую легко запомнить:
<!doctype html>
Дальше мы дописываем стандартную форму тела HTML. И указываем, что язык — русский
<!doctype html>
<html lang="ru">
</html>
В следующей части нашей страницы <head>. Первая строка определяет кодировку для документа.
Это еще один элемент, который был упрощен. Вместо:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Стает:
<meta charset="utf-8">
Переходим к следующей части нашего документа:
<meta name="description" content=" HTML5 ">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="css/styles.css">
В этих строках HTML5  не отличается от других стандартов.
В HTML5 появилось ряд новых элементом, которые не поддерживает Internet Explorer. Но это решается куском JavaScript
кода. Который разработан Джоном Резиг.
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Подключения JavaScriptа было таким:
<script src="js/scripts.js" type="text/javascript"></script>
Стало вот таким:
<script src="js/scripts.js"></script>
Обзор новых тегов  HTML5 ждите в новой статье.

Комментарии

  1. Июнь 11th, 2011 | 03:30

    спасибо большое за подсказочки

  2. Ноябрь 24th, 2012 | 15:34

    Спасибо за статью. Ждём новых тегов)

  3. Май 30th, 2013 | 16:34

    спасибо за пояснения, очень ждём обновления блога

  4. vit
    Декабрь 1st, 2014 | 20:44

    Ждем кода простого шаблона для начала…