Минимальный HTML5 документ

12.4.2012 - 2416 просмотров ;)

HTML5 наступает, да и уже наступил, что тут скрывать. Надо понимать что он уже везде работает, даже если стандарт недопилен до конца, все равно, браузеры бьются за стандарт.

Зачем переходить на HTML5 ?  — Ответ очевиден: Что бы меньше писать.

Минимальный валидный документ HTML5:

<!doctype html>

Все! Можете приступать к работе.

Ну.. едиснтвенно надо понимать что как правило title документа много где используется, поэтому опускать его не желательно, поэтому валидным мы сделаем документ HTML5 таким:

<!doctype html> 
<title></title>

Вот. Ну так же некрасиво будет если мы не укажем кодировку. А она конечно же UTF-8, мало чего там может произойти, в лучших целях мы добавим и этот пункт:

<!doctype html> 
<meta charset=utf-8> 
<title>jkeks</title> 
<p>Я - SEO король контента и кодировочек

Ну без контента никуда, да ведь ? Зачем тогда страница ? Кстати и язык страницы укажите, это будет очень вежливо. Браузеры будут вам благодарны.

<!doctype html> <html lang=ru> <meta charset=utf-8> <title>jkeks</title>
<p>Я - SEO король контента и кодировочек

Ах да, если вы хотите получить валидный HTML5 для IE9+ то надо все же использовать тэг body. Вот минимальный валидный документ который пережоывается в IE9+:

<!doctype html> 
<html lang=ru> 
<meta charset=utf-8> 
<title>jkeks</title>
<body>
<p>Я - SEO король контента и кодировочек

Но черт подери, что это за незакрытые тэги ? Если вы так можете написать, это не значит что так надо делать, это просто некрасиво, по уму надо бы сделать и заголовок и позакрывать тэги, вот тогда мы и получим долгожданный минимальный, безопасный, приятный для глаза. Конечно все это субъективно но все же:

<!doctype html> 
<html lang=ru> 
<head> 
<meta charset=utf-8>
<title>jkeks</title>
</head>
<body>
<p>Я - SEO король контента и кодировочек</p>
</body>
</html>

 

 Вольный перевод: http://www.brucelawson.co.uk/2010/a-minimal-html5-document/

Статьи из раздела, Видеочат рулетка