Показать Меню
falbar Основы HTML

Атрибуты HTML элементов

Основы HTML

Чтобы сделать документ интересным и запоминающимся нужно воспользоваться неотъемлемой частью HTML – атрибутами. Разрабатывая разметку довольно часто нужно выделить определённые куски страницы или навесить события. Для таких вот задач и применяются атрибуты, описывая какие либо особенности HTML элемента.

Для добавления атрибута к элементу необходимо его прописать в открывающемся теге. Количество и порядок, в котором они будут прописаны, не имеет значения главное, что надо запомнить – это то, что атрибуты нужно разделять между собой пробелами. Ещё один момент, который можно отметить касается использования кавычек: вид их не важен, но они должны быть одинаковыми. Хотя, принято использовать двойные:

<p align="left"></p>

название атрибута = "значение атрибута"

Все атрибуты в HTML делятся на три вида:

  • общие (general) стоят у большинства элементов;
  • атрибуты событий (JavaScript);
  • уникальные атрибуты, присуще только определенным элементам.

Теперь мы рассмотрим наиболее распространённые из них:

<p align="justify"></p>
<h2 align="center"></h2>
<h3 align="right"></h3>
<div align="left"></div>

Атрибут align применяется только для блочных элементов и, по умолчанию, установлено значение center. Указание justify приведёт к тому, что контент, заключённый внутри блочного элемента, растянется по его ширине за счёт отступов. Этот вариант не самый надежный, так как конечный результат трудно предугадать, так же это лишняя нагрузка на браузер (из-за необходимости расчета расстояния между словами). А остальные два значения и так понятны выравнивание по левому и правому краю.

<hr size="5">
<hr noshade="">
<hr align="center">
<hr align="center" width="70%">

Если рассматривать элемент hr, то у него можно обнаружить атрибут size, при помощи которого задаётся высота линии, и он относится к общей группе. Noshade, пример атрибута, который относиться к уникальной группе. Его задача отбрасывать тень от линии, но для использования он не рекомендуется, так как у разных браузеров работает по-разному. К примеру, если нужно выровнять горизонтальную линию по центру, то можно воспользоваться атрибутами align и width.

Сегодня мы рассмотрели только малую часть возможных атрибутов, а так же их виды. Оставшиеся атрибуты лучше всего изучить на странице спецификации HTML. Там же можно увидеть весь список атрибутов, присущих определенным элементам. Сразу скажу, что запоминать их все необязательно, всего примерно десять атрибутов используются в повседневной работе, но знать надо, что они есть. Многие генераторы и шаблонизаторы HTML страниц не скупятся на них.

Подписаться на обновления

Комментариев еще не оставлено