Не Забывайте про Конечный Тег



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

<p>Это параграф <p>Это параграф

Пример выше работает в большинстве браузеров, так как закрывающий тег является необязательным.

Никогда не полагайтесь на это Многие HTML элементы приведут к непредвиденным результатам и/или ошибкам если вы забудете про конечный тег .

Пустые HTML Элементы

HTML элементы без содержимогоназываются пустыми элементами.

<br> - это пустой элемент без закрывающего тега (<br> тег определяет переход на новую строку).

Подсказка: В XHTML, все элементы должны быть закрыты. Добавление слэша внутри стартового тега, например <br />, - это корректный способ закрытия пустых элементов в XHTML (и XML).

HTML Подсказка: Используйте Теги в Нижнем Регистре

HTML теги не чувствительны к регистру: <P> означает то же, что и <p>. Многие веб сайты используют HTML теги в верхнем регистре.

Уроки HTML используют строчные теги, т.к. Всемирный Интернет Консорциум (World Wide Web Consortium, сокращенно W3C) рекомендует использовать нижний регистр в HTML 4, и требует строчные теги в XHTML.

HTML Атрибуты

  • HTML элементы могут иметь атрибуты
  • Атрибуты обеспечивают дополнительную информацию об элементе
  • Атрибуты всегда указываются в начальном теге
  • Атрибуты идут в парах имя/значение, например: имя="значение"

Пример Атрибута

HTML ссылки определяются в <a> теге. Адрес ссылки указывается в href атрибуте:

Пример
 


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

 

Всегда Ставьте Кавычки У Значений Атрибутов

Значения атрибутов всегды должны быть заключены в кавычки.

Как правило, используют двойные кавычки, но одинарные кавычки также допустимы.

Совет: В некоторых редких ситуациях, когда значение атрибута само содержит кавычки, необходимо использовать одинарные кавычки: name='Иван "Vano" Петров'

HTML Совет: Используйте Строчные Атрибуты

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

Однако, Мировой Интернет Консорциум (W3C) рекомендует строчные атрибуты/значения атрибутов в HTML 4.

Более новые версии (X)HTML требуют строчные атрибуты.

HTML Справочник Атрибутов

Список всех HTML элементов вы найдете здесь:

Полный HTML Справочник

Ниже список некоторых атрибутов, которые являются стандартными для большинства HTML элементов:

Атрибут Значение Описание
class имя класса Указывает имя класса для элемента
id идентификатор Указывает уникальный идентификатор для элемента
style определение стиля Указывает встроенный стиль для элемента
title текст подсказки Указывает дополнительную информацию об элементе (отображается как подсказка)

Более полную информацию о стандартных атрибутах смотрите здесь:

HTML Справочник Стандартных Атрибутов

HTML Заголовки

Заголовки определяются тегами <h1> ... <h6>.

<h1> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок.

Пример


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Замечание: Браузеры автоматически добавляют некоторое пустое пространство (поле) до и после каждого заголовка.

Заголовки Важны

Используйте HTML заголовки ТОЛЬКО для заголовков. Не используйте заголовки чтобы сделать текст БОЛЬШИМ или жирным.

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

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

H1 заголоки должны использоваться как главные заголовки, за ними должны следовать H2 заголовки, затем менее важные H3 заголовки, и так далее.

HTML Разделители

<hr /> тег создает горизонтальную линию в HTML странице.

hr элемент может использоваться для разделения содержания:

Пример
<hr /> <hr />


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

 

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

Комментарии могут быть вставлены в HTML код чтобы сделать его более читаемым и понятным. Комментарии игнорируются браузером и не отображаются.

Комментарии пишутся например так:

Пример
 


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Примечание: После открывающей угловой скобки идет знак восклицания, но его нет перед закрывающей скобкой.


Дата добавления: 2019-01-14; просмотров: 222; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!