HTML (5) Спецификация Код

Предыдущий: HTML5 Web SQL Database

Далее: HTML5 WebSocket

Условные обозначения HTML код

Многие веб-разработчики HTML код спецификации плохо изучены.

В 2000-2010 годах, многие веб-разработчики для преобразования из HTML в XHTML.

Разработчики используют XHTML постепенно развивать хорошие спецификации HTML письма.

И в HTML5, мы должны сформировать относительно хорошие нормы кода, несколько рекомендаций приводятся ниже спецификации.

Используйте правильный тип документа

Объявление типа документа в первой строке HTML документа:

<! DOCTYPE HTML>

Если вы хотите использовать другие метки, как и в нижнем регистре, вы можете использовать следующий код:

<! DOCTYPE HTML>

Строчные имена элементов

HTML5 имя элемента можно использовать прописные и строчные буквы.

Рекомендуется использование строчных букв:

Смешанный стиль случай очень плохо.
Разработчики обычно используют в нижнем регистре (аналогично XHTML).
Строчные стиль выглядит более освежающий.
Строчные буквы легко писать.

Не рекомендуется:

<РАЗДЕЛ>
<P> Это параграф. </ P>
</ РАЗДЕЛ>

Очень плохо:

<Раздел>
<P> Это параграф. </ P>
</ РАЗДЕЛ>

Выключите все элементы HTML

В HTML5, вы не хотите, чтобы закрыть все элементы (например, элемент <р>), но мы рекомендуем, чтобы каждый элемент должен добавить закрывающий тег.

Не рекомендуется:

<Раздел>
<P> Это параграф.
<P> Это параграф.
</ Section>

Рекомендуется:

<Раздел>
<P> Это параграф. </ P>
<P> Это параграф. </ P>
</ Section>

Закрыть пустые элементы HTML

В HTML5, пустой элемент HTML не нужно выключать:

Мы можем написать:

Вы также можете написать:

XML, XHTML и слэш (/) является обязательным.

Если вы планируете использовать свою страницу XML программного обеспечения, этот стиль очень хорошо.

Имя атрибута Lowercase

HTML5 позволяет использовать имя свойства заглавными и строчными буквами.

Мы рекомендуем использовать нижний регистр имя атрибута:

Используйте случай очень плохая привычка.
Разработчики обычно используют в нижнем регистре (аналогично XHTML).
Строчные стиль выглядит более освежающий.
Строчные буквы легко писать.

Не рекомендуется:

Рекомендуется:

Значение свойства

Значения атрибутов HTML5 не может цитировать.

Мы рекомендуем использовать кавычки значений атрибутов:

Если значение свойства содержит пробелы, необходимо использовать кавычки.
Смешанный стиль не рекомендуется, предлагаемый единый стиль.
Значения свойств с использованием кавычек легко читать.

Атрибут Следующие примеры значение содержит пробелы, не используйте кавычки, она не может работать:

<Таблица класс = таблица полосатая>

Ниже используются двойные кавычки, это правильно:

<Таблица класс = "Таблица полосатая" >

свойства

Image Alt атрибуты часто используются. Если изображение не может быть отображено, оно может заменить дисплей изображения.

<Img SRC = "html5.gif" Alt = "HTML5" стиль = "ширина: 128px; высота : 128px">

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

Пробелы и знаки равенства

Вы можете использовать пробелы до и после знака равенства.

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

Избегайте длительного строки кода

Используя редактор HTML, левый и правый прокрутки код неудобно.

Каждая строка кода в максимально возможной степени меньше, чем 80 символов.

Пустые строки и отступы

Не добавляйте пустую строку без причины.

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

Отступов два пробела, не рекомендуется TAB.

Не используйте ненужные пустые строки с отступом между коротким кодом.

Лишние пустые строки и отступы:

<Body>

<H1> Этот учебник </ h1>

<H2> HTML </ h2>

<P>
Этот учебник, обучение не только технологии, но и сон.
Этот учебник, обучение не только технологии, но и сон.
Этот учебник, обучение не только технологии, но и во сне,
Этот учебник, обучение не только технологии, но и сон.
</ P>

</ Body>

Пример формы:

<Таблица>
<Tr>
<Th> Имя </ й>
<Th> Описание </ й>
</ TR>
<Tr>
<Td> A </ TD>
<Td> Описание A </ TD>
</ TR>
<Tr>
<Td> B </ TD>
<Td> Описание B </ TD>
</ TR>
</ Table>

Пример списка:

<Ol>
<Li> Лондон </ li>
<Li> Париж </ li>
<Li> Токио </ li>
</ Ol>

Опустим <HTML> и <тело>?

В стандарте HTML5, <HTML> и <тело> тег может быть опущен.

Следующие документы являются правильными HTML5:

Пример:

<! DOCTYPE HTML>
<Head>
<Title> Название страницы </ title>
</ Head>

<H1> Это заголовок </ h1>
<P> Это параграф. </ P>

Попробуйте »

Не рекомендуется опустить <HTML> и тег <body>.

<HTML> элемент является корневым элементом документа, язык, используемый для описания страницы:

<! DOCTYPE HTML>
<HTML LANG = "ж">

Язык заявление для облегчения чтения с экрана и поисковых систем.

Опустим <HTML> или <тело> в DOM и программного обеспечения XML аварий.

Опустим <тело> ошибка происходит в старых браузерах (IE9).

Опустим <голова>?

В стандарте HTML5, тег <голова> может быть опущен.

По умолчанию браузер содержимое <тело>, прежде чем добавлен к дефолту <HEAD> элемент.

примеров

<! DOCTYPE HTML>
<HTML>
<Title> Название страницы </ title>

<Body>
<H1> Это заголовок </ h1>
<P> Это параграф. </ P>
</ Body>

</ HTML>

Попробуйте »

	Теперь опускаем не рекомендуется теги головы.

Метаданные

HTML5 в <названии> требуется элемент, название заголовка описывает тему страницы:

<Title> В этом учебнике </ title>

Название и язык, который позволяет поисковик скоро понять тему вашей страницы:

<! DOCTYPE HTML>
<HTML LANG = "ж">
<Head>
<Meta кодировка = "UTF-8 ">
<Title> В этом учебнике </ title>
</ Head>

HTML комментарии

Комментарии могут быть написаны в <- и -> В:

<! - Это комментарий ->

Более длинные комментарии в <! - И -> писал в отраслях:

<! -
Это больше комментарий. Это больше комментарий. Это больше комментарий.
Это больше комментарий Это больше комментарий. Это больше комментарий.
->

Замечания первого символа отступа двух пространств, легче читать.

Stylesheet

Stylesheet лаконична синтаксис (атрибут типа не требуется):

Правила могут быть записаны в виде короткой линии:

p.into {семейство шрифтов: Verdana; размер шрифта: 16em;}

Длинные правила многостроковые можно записать:

тело {
фонового цвета: светло - серого;
семейство шрифтов: "Arial Black" , Helvetica, без засечек;
размер шрифта: 16em;
цвет: черный;
}

Скобка на той же строке с селекторов.
Выбор между левой фигурной скобки и добавить пробел.
Я использую два пробела для отступа.
Добавил пространство между толстой кишки и значений свойств.
Используйте пробел после запятой и символов.
Значения свойств должны использовать конец каждого символа.
Только тогда, когда значение свойства содержит пробелы, используйте кавычки.
Правая скобка на новой строке.
До 80 символов в строке.

	После запятой и точкой с запятой добавить пробелы является общим правилом.

Загрузка JavaScript в HTML

Используйте простой синтаксис для загрузки внешнего файла сценария (атрибут типа не требуется):

чтобы получить доступ к HTML-элементов Использование JavaScript

Плохой формат HTML может вызвать выполнение ошибок JavaScript.

Следующие два JavaScript заявления выдавать разные результаты:

примеров

переменная OBJ = getElementById ( "Demo" )

переменная OBJ = getElementById ( "демо" )

Попробуйте »

HTML, JavaScript Попробуйте использовать те же соглашения об именах.

Характеристики доступа JavaScript код .

Строчные имена файлов

Большинство веб-серверов (Apache, Unix) являются чувствительными к регистру: london.jpg London.jpg не может получить доступ.

Другие веб-серверы (Microsoft, IIS) не чувствителен к регистру: london.jpg могут быть доступны через London.jpg или london.jpg.

Вы должны поддерживать единый стиль, мы рекомендуем последовательные имена файлов использование нижнего регистра.

Расширение имени файла

HTML суффикс файла может быть .html (или г .htm).

расширение CSS файл .css.

JavaScript суффикс файла .js.

Разница между .htm и .html

Расширение файла .htm и .html на природе не существует никакой разницы. Браузер и веб-сервер будет рассматривать их как HTML-файлы, чтобы иметь дело с.

Разница заключается в том, что:

.htm применение в ранних системах DOS, или системы в настоящее время только три символа.

Суффикс не имеет особых ограничений для систем Unix, как правило, с .html.

разница Технически

Если URL не указывает имя файла (например, http://www.w3big.com/css/), сервер возвратит к имени файла по умолчанию. Имя файла по умолчанию, как правило, index.html, index.htm, default.html и default.htm.

Если сервер настроен только с "index.html" в качестве файла по умолчанию, вы должны назвать файл "index.html", а не "index.htm".

В целом, однако, сервер может настроить несколько файлов по умолчанию, вы можете установить файл по умолчанию его по мере необходимости.

Во всяком случае, HTML полный суффикс ".html".

Предыдущий: HTML5 Web SQL Database

Далее: HTML5 WebSocket

HTML курс

HTML5

HTML средства массовой информации

HTML справочное руководство

HTML (5) Спецификация Код

Условные обозначения HTML код

Используйте правильный тип документа

Строчные имена элементов

Не рекомендуется:

Очень плохо:

Рекомендуется:

Выключите все элементы HTML

Закрыть пустые элементы HTML

Имя атрибута Lowercase

Значение свойства

свойства

Пробелы и знаки равенства

Избегайте длительного строки кода

Пустые строки и отступы

Лишние пустые строки и отступы:

Рекомендуется:

Пример формы:

Пример списка:

Опустим <HTML> и <тело>?

Пример:

Опустим <голова>?

примеров

Метаданные

HTML комментарии

Stylesheet

Загрузка JavaScript в HTML

чтобы получить доступ к HTML-элементов Использование JavaScript

примеров

Строчные имена файлов

Расширение имени файла

Разница между .htm и .html

разница Технически