Правила форматирования HTML

3 сентября, 2013
1 минута чтения

Если контент не отображается, включите VPN.

wallhaven 439017

Правила применимы для веб-сайтов использующих библиотеку 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 и во всех его дочерних элементах.

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

<!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>

Денис Сергеевич Басковский

Философ, изобретатель и поэт.

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
feedburner
Предыдущая статья

Несколько RSS потоков в один на PHP

page javascript
Следующая статья

Правильные практики JavaScript