Оформляем HTML правильно

Posted by :

04.09.2013

Правила применимы для веб-сайтов использующих библиотеку jQuery. Исключение составляют веб-страницы использующие строгое написание XHTML.

Типдок

Всегда используйте короткое название doctype.

<!doctype html>

Язык

Всегда указывайте язык который будет использоваться на странице.

<html lang="ru">

Кодировка

Всегда указывайте кодировку. Кодировка должна быть определена как можно раньше в мета-тегах.

<meta charset="utf-8">

Атрибуция и элементы

Вся атрибуция и имена элементов должны указываться в нижнем регистре. Значения атрибутов обрамлены двойными кавычками. Необязательные закрывающие тэги должны быть закрыты. Не должно быть закрытия тега для самозамыкающихся (Self-closing) элементов. Необязательные атрибуты должны быть пропущены. Теги html, head, и body должны быть объявлены.

Тэги script не нуждаются в type или language
Тэги link или style не нуждаются в атрибуте type.

<script src="..."></script>
<script></script>
<link rel="stylesheet" href="...">
<style></style>

Отступ

Не делайте отступ внутри html, body, script, или style. Отступ должен стоять внутри head и во всех его дочерних элементах.

Пример правильного использования

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Sample Page</title>
 
    <link rel="stylesheet" href="/style.css">
    <style>
    body {
        font-size: 100em;
    }
    </style>
 
    <script src="/jquery.js"></script>
    <script>
    $(function() {
        $( "p" ).text( $.fn.jquery );
    });
    </script>
</head>
<body>
 
<p>jQuery is awesome!<p>
 
</body>
</html>

Советую прочитать:

Правила оформления JavaScript

TAGS: #html5