fbpx

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

2 минут(ы) чтения

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Добавить комментарий

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: