Атрибуты p html – Теги и атрибуты заголовков H1-H6, горизонтальной линии Hr, переноса строки Br и абзаца P по стандарту Html 4.01

Содержание

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

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

Пример тега с атрибутом

Атрибуты состоят из пары: имя_атрибута="значение". Имена атрибутов не чувствительны к регистру символов и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование запрещено). Дополнительные ограничения на использование различных символов в значении атрибута зависят от способа записи значения. При указании нескольких атрибутов в одном элементе, они должны быть отделены друг от друга символом пробела. Порядок следования атрибутов не имеет значения.


<!-- при указании нескольких атрибутов для одного тега, они должны быть отделены
 друг от друга символом пробела -->
<p атр1="значение" атр2="значение">содержимое</p>

<!-- сочетание строчных и заглавных букв в имени атрибута -->
<p АтРибУт1="значение">содержимое</p>

Атрибуты могут быть записаны четырьмя различными способами:

Пустой атрибут

Атрибуты, значения которых совпадают с именем атрибута называют логическими или пустыми. Для атрибутов логического типа поддерживается синтаксис, при котором явное указание значения атрибута можно опустить, написав только его имя, в этом случае значением будет являться неявно указанная пустая строка:


<input disabled>

Само присутствие в элементе логического атрибута представляет собой значение true (истина), а отсутствие этого атрибута - значение false (ложь). Если таковой атрибут присутствует, его значением может быть либо пустая строка, либо значение должно совпадать с именем атрибута.


<!-- все варианты работают одинаково, просто по-разному записаны -->
<input disabled>
<input disabled="">
<input disabled=disabled>

Ключевые слова и перечисляемые атрибуты

Некоторые атрибуты в качестве значения могут принимать одно ключевое слово из набора допустимых ключевых слов. Такие атрибуты называются перечисляемыми атрибутами. Каждое ключевое слово соответствует определённому состоянию (некоторые ключевые слова соответствуют одному и тому же состоянию, в этом случае они являются синонимами друг для друга).

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


<!-- правильный синтаксис -->
<p contenteditable="true">Hello!</p>

<!-- неправильный синтаксис -->
<p contenteditable>Hello!</p>
Примечание: пустая строка ("") может быть допустимым ключевым словом.

<!-- допустимое значение -->
<p contenteditable="">Hello!</p>

Атрибут со значением без кавычек

Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута, после знака "=", будет следовать значение атрибута, которое не должно содержать символов пробела, двойных кавычек ("), апострофов (') и других видов кавычек, символов "=", угловых скобок (< и >), помимо этого, значение не должно являться пустой строкой.


<input value=yes>

Атрибут со значением в одиночных кавычках (апострофах)

Значение атрибута, взятое в одиночные кавычки, не должно содержать символы апострофов ('), но допускается содержание двойных кавычек (").


<input type='checkbox'>

Атрибут со значением в двойных кавычках

Значение атрибута, окруженное двойными кавычками, может содержать любые символы, включая апострофы ('), кроме двойных кавычек (").


<input name="be evil">

Примечание: один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя.

С этой темой смотрят:

HTML — Атрибуты / ProgLang

Вы уже знакомы с несколькими html-тегами и их использованием, например теги заголовков <h2>, <h3>, или тег абзаца <p> и другие. До сих пор мы использовали их в простейшей форме, но большинство тегов в HTML могут иметь атрибуты, которые являются дополнительными битами информации.

Атрибут — используется для определения характеристик html-элемента и помещается внутри открытого тега элемента. Все атрибуты состоят из двух частей — это имя и значение:

  • Имя — это свойство, которое Вы хотите установить. Например, элемент абзаца <p>, в примере ниже, содержит атрибут align, который Вы можете использовать для указания выравнивания абзаца на странице.
  • Значение — это значение, которое Вы хотите установить для свойства. Значение атрибута всегда помещается в кавычки. В приведенном ниже примере показаны три возможных значения атрибута align: left, center и right.

Имена и значения атрибутов в HTML не зависят от регистра. Однако консорциум World Wide Web (W3C) рекомендует в своей рекомендации HTML 4 использовать атрибуты и значения атрибутов в нижнем регистре.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Пример атрибута align</title>
  </head>
  <body>
    <p align="left">Выровнено по левому краю.</p>
    <p align="center">Выровнено по центру.</p>
    <p align="right">Выровнено по правому краю.</p>
  </body>
</html>

Получим следующий результат:

Основные атрибуты HTML

Существует четыре основных атрибута в HTML, которые могут использоваться для большинства html-элементов (хотя и не для всех):

Атрибут id

Атрибут id html-тега может быть использован для однозначной идентификации любого элемента внутри html-страницы. Существуют две основные причины, по которым Вы можете использовать атрибут id для элемента:

  • Если элемент содержит атрибут id как уникальный идентификатор, то можно идентифицировать только этот элемент и его содержимое.
  • Если на веб-странице (или в таблице стилей) есть два элемента с одним и тем же именем, Вы можете использовать атрибут id для различения элементов, имеющих одно и то же имя.

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

<p>Этот абзац объясняет, что такое HTML.</p>
<p>Этот абзац объясняет, что такое каскадная таблица стилей (CSS).</p>

Атрибут title

Атрибут title — дает название элемента для элемента. Синтаксис для атрибута title аналогичен атрибуту id.

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Пример атрибута title</title>
  </head>
  <body>
    <h3 title="Привет самоучитель по HTML!">Пример заголовка</h3>
  </body>
</html>

Получим следующий результат:

Теперь попробуйте навести курсор на «Пример заголовка», и Вы увидите, что title, который Вы использовали в вашем коде, выйдет как подсказка курсора.

Атрибут class

Атрибут class — используется для связывания элемента со списком стилей и задает класс элементу. Вы узнаете больше об использовании атрибута class, когда изучите CSS (каскадные таблицы стилей). Так что пока можете это пропустить.

Значением атрибута может быть также список имен классов, разделенных пробелами. Например:

class="названиеКласса1 названиеКласса2 названиеКласса3"

Атрибут style

Атрибут style — позволяет указывать правила каскадной таблицы стилей (CSS) внутри элемента.

<!DOCTYPE html>
<html>
  <head>
    <title>Пример атрибута style</title>
  </head>
  <body>
    <p>Немного текста... </p>
  </body>
</html>

Получим следующий результат:

На данный момент мы не изучаем CSS, так что давайте продолжим, не беспокоясь о CSS. Здесь Вам нужно понять, какие существуют html-атрибуты, и как их можно использовать при форматировании содержимого.

Атрибуты интернационализации

Существует три атрибута интернационализации в HTML, которые доступны для большинства (хотя и не для всех) элементов XHTML.

Атрибут dir

Атрибут dir — позволяет указать браузеру направление потока текста. Атрибут dir может принимать одно из двух значений, которые Вы можете видеть в следующей таблице:

ЗначениеОписание
ltrСлева направо (значение по умолчанию).
rtlСправа налево (для языков, таких как иврит или арабский, которые читаются справа налево).

Пример

<!DOCTYPE html>
<html dir="rtl">
  <head>
    <title>Пример направления потока текста</title>
  </head>
  <body>
    <p>Отображает направленный текст справа налево.</p>
  </body>
</html>

Получим следующий результат:

Когда атрибут dir используется в теге <html>, он определяет, как текст будет представлен во всем документе. При использовании в другом теге он управляет направлением текста только для содержимого этого тега.

Атрибут lang

Атрибут lang — позволяет указать основной язык, используемый в документе, но этот атрибут хранится в HTML только для обратной совместимости с более ранними версиями HTML. Этот атрибут был заменен атрибутом xml:lang в новых xhtml-документах.

Значения атрибута lang — это стандартные двухсимвольные языковые коды ISO-639. Проверьте коды ISO-639 для языка HTML, перейдите по ссылке для получения полного списка кодов языков.

Пример

<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Русский язык страницы</title>
  </head>
  <body>
    <p>Эта страница использует русский язык.</p>
  </body>
</html>

Атрибут xml:lang

Атрибут xml:lang — это XHTML замена для атрибута lang. Значение атрибута xml:lang должно быть ISO-639 кодом страны, которые указаны выше.

Общие атрибуты

Ниже представлена таблица некоторых других атрибутов, которые можно легко использовать со многими html-тегами.

АтрибутОпцияФункция
alignright, left, centerГоризонтальное выравнивание тегов.
valigntop, middle, bottomВертикально выравнивает тегов внутри html-элемента.
bgcolorчисловые, шестнадцатеричные, RGB значенияПомещает фоновый цвет за элемент.
backgroundURLПомещает фоновое изображение за элемент.
idопределяется пользователемИменование элемента для использования с каскадными таблицами стилей.
classопределяется пользователемКлассифицирует элемент для использования с каскадными таблицами стилей.
widthчисловое или процентное значениеЗадает ширину таблиц, изображений или ячеек таблицы. heightчисловое или процентное значениеЗадает высоту таблиц, изображений или ячеек таблицы.
title
определяется пользователем«Всплывающий» заголовок элементов.

Мы ещё увидим соответствующие примеры атрибутов при изучении других html-тегов (полный список html-тегов и связанных атрибутов).

Поделитесь:

HTML глобальные атрибуты

Глобальные атрибуты - это атрибуты, которые могут быть использованы с любым HTML тегом, то есть они являются общими для всех тегов. Несмотря на то, что глобальные атрибуты можно использовать со всеми HTML тегами, на некоторые теги они не окажут никакого влияния. Например, если добавить атрибут title или dir к тегу <br>, то никаких визуальных изменений на веб странице наблюдаться не будет.

Список глобальных атрибутов:

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

accesskey

Атрибут accesskey используется браузерами в качестве руководства для создания сочетания клавиш, активирующее элемент или переводящее на него фокус.

Примечание: до HTML5 атрибут accesskey можно было использовать только со следующими тегами: <a>, <area>, <button>, <input>, <label>, <legend> и <textarea>. С пятой версии HTML данный атрибут можно использовать с любым валидным HTML тегом.

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

<a href="#" accesskey="a">Ссылка</a>

Сочетания клавиш для атрибута accesskey зависит от используемого браузера:

Browser Windows Linux Mac
IE [Alt]+символ
Chrome [Alt]+символ [Alt]+символ [Control][Alt]+символ
Firefox [Alt][Shift]+символ [Alt][Shift]+символ [Control][Alt]+символ
Safari [Alt]+символ [Control][Alt]+символ
Opera Opera 15+: [Alt]+символ
Opera 12.1 или более старая версия: [Shift][Esc]+символ

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

class

Атрибут class используется для последующего получения доступа к элементам (через имя класса) в CSS и JavaScript.

В атрибуте class в качестве значения можно указать не один, а несколько классов, в этом случае имена классов должны быть разделены пробелами, порядок следования имён классов не имеет значения:

<p>

Если в блоках объявлений разных классов используются одинаковые CSS свойства с разными значениями, то для свойства будет применено то значение, которое в CSS коде определено ниже остальных. Поэтому порядок следования имён классов в значение атрибута значения не имеет, так как в этом случае срабатывает механизм каскадности.

contenteditable

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

  • true или пустая строка ("") - содержимое элемента можно редактировать
  • false - редактирование содержимого запрещено

Атрибут contenteditable является перечисляемым, а не логическим. Это значит, что требуется явное указание значения атрибута. Добавление атрибута без значения запрещено:

<!-- правильное добавление атрибута -->
<p contenteditable="">

<!-- неправильное добавление атрибута -->
<p contenteditable>

dir

Атрибут dir определяет направление текста в элементе, он может принимать одно из трех значений:

  • ltr - означает left to right (в переводе с анг. - слева направо) и должно использоваться для языков, которые пишутся слева направо (например, русский язык)
  • rtl - означает right to left (в переводе с анг. - справа налево) и должно использоваться для языков, которые пишутся справа налево (например, арабский)
  • auto - направление текста определяется браузером, который использует базовый алгоритм, он анализирует символы внутри элемента, пока не обнаружит символ, точно указывающий на определенное направление (с прямым указанием на определенное направление текста), затем применяет это направление на весь текст в элементе.

    Значение auto следует использовать для текста с неизвестным направлением, например для информации, поступающей из введенных пользователем данных.

Этот атрибут является обязательным для элемента <bdo>, так же он может быть переопределен с помощью CSS свойства direction:


<bdo dir="ltr">Просто какой-то текст</bdo>

draggable

Атрибут draggable определяет, может ли пользователь перетаскивать элемент с помощью drag-and-drop API. Атрибут может принимать одно из трёх значений:

  • true - указывает, что элемент можно перетаскивать
  • false - указывает, что элемент не перетаскивается
  • auto - указывает, что перетаскивание элемента будет зависеть от значения, установленного в браузере по умолчанию.

Атрибут draggable является перечисляемым. Это значит, что требуется явное указание значения атрибута. Добавление атрибута без значения запрещено:

<!-- правильное добавление атрибута -->
<p draggable="false">

<!-- неправильное добавление атрибута -->
<p draggable>

hidden

Атрибут hidden указывает, что данный элемент должен быть скрыт от просмотра. Атрибут hidden является логическим атрибутом. Это значит, что в качестве значения атрибута может выступать пустая строка или имя атрибута, так же возможно указание атрибута без значения:

<!-- правильный синтаксис атрибута -->
<p hidden="hidden">
<p hidden="">
<p hidden>

Примечание: CSS свойство display переопределяет поведение элемента с атрибутом hidden. Например, элементы со стилем display: block; будут отображаться, несмотря на присутствие атрибута hidden.

id

Атрибут id определяет уникальный идентификатор для элемента. В качестве значения атрибута выступает имя идентификатора, которое либо является именем селектора id, используемого в CSS коде, либо указывается произвольное имя, которое будет использоваться в дальнейшем:

<div>

Значение атрибута (имя идентификатора) не должно содержать пробелов и должно использоваться только один раз во всём HTML документе с тем тегом, для которого был установлен данный идентификатор. Атрибут id может содержать только одно значение, в отличие от атрибута class.

Атрибут id используется для последующего получения доступа к элементам (через идентификатор) в CSS и JavaScript, а также при создании ссылок внутри страницы.

С помощью атрибута id можно создавать ссылки на конкретный элемент, а не только на страницу в целом. Такие ссылки могут вести либо на раздел данной страницы, либо на раздел другой страницы. Чтобы создать ссылку на элемент, надо добавить к небу атрибут id. Сама ссылка, в этом случае, должна будет содержать имя идентификатора элемента, на который она ссылается, перед которым обязательно ставится символ #. Если ссылка ведет на раздел текущей страницы, то в качестве адреса можно указать только имя идентификатора, если ссылка ведёт на раздел другой страницы, то имя идентификатора указывается в самом конце адреса:

<a href="#a1">Ссылка на div</a>
<a href="other_page.html#a2">Ссылка раздел другой страницы</a>

<div>Раздел страницы</div>

lang

Атрибут lang позволяет указать, какой язык используется для текста внутри элемента. В качестве значения атрибута используются коды языков:

<p>Текст на английском: <span lang="en">"Hello world!"</span>.</p>

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

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

spellcheck

Атрибут spellcheck указывает, разрешается ли проверять содержимое элемента на наличие орфографических ошибок. Атрибут может принимать одно из следующих значений:

  • true - указывает, что содержимое элемента должно быть, по возможности, проверено на наличие орфографических ошибок.
  • false - указывает, что элемент не должен проверяться на наличие орфографических ошибок.

Атрибут spellcheck является перечисляемым. Это значит, что требуется явное указание значения атрибута. Добавление атрибута без значения запрещено:

<!-- правильное добавление атрибута -->
<textarea spellcheck="false">

<!-- неправильное добавление атрибута -->
<textarea spellcheck>

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

style

Атрибут style используется для добавления CSS стилей к элементу. Стили, добавленные с помощью атрибута style, имеют приоритет над стилями, расположенными в элементе <style> или во внешнем файле.

При добавлении стилей в значение атрибута, селектор и фигурные скобки не используются. Каждое объявление должно заканчиваться точкой с запятой, после которой можно писать следующее объявление. Между свойствами и их значениями, так же как и между объявлениями, пробелы ставятся по желанию:

<span>Жирный красный текст</span>

tabindex

Атрибут tabindex указывает может ли элемент быть в фокусе и порядок приоритета при переходе фокуса между элементами (при использовании клавиши "tab"). В качестве значения атрибут принимает целое число:

<textarea tabindex="5">

Число 5 означает, что элемент получит фокус после элемента с tabindex="4" и до элемента с tabindex="6". Но давать последовательные значения не обязательно, в любом случае элементы, имеющие меньшее значение, получат фокус до элементов, имеющих большее значение. Если несколько элементов имеют одинаковые положительные значения, то порядок получения фокуса будет зависеть от порядка их следования в исходном коде документа.

title

Атрибут title используется для указания дополнительной информации о содержимом элемента (отображается браузерами в виде всплывающей текстовой подсказки при наведении курсора мыши на элемент).

Атрибут title часто используется с картинками, для добавления описания картинки:

<img src="1.png" title="Красивый синий цветок">

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

Атрибут type | htmlbook.ru


Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 2.1+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Устанавливает MIME-тип документа, на который указывает ссылка. Этот атрибут носит рекомендательный характер и может использоваться для стилизации ссылок с заданным типом документа. Атрибут type должен добавляться только при наличии атрибута href.

Синтаксис

<a href="URL" type="MIME-тип">...</a>

Обязательный атрибут

Нет.

Значения

См. MIME-тип

Значение по умолчанию

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег a, атрибут type</title>
  <style>
   a[type="video/mp4"] {
    background: url(images/video.png) no-repeat 0 2px; /* Фоновый рисунок */
    padding-left: 20px; /* Отступ слева */
   }
  </style>
 </head>
 <body>
  <p><a href="1.html">Ссылка на страницу</a></p>
  <p><a href="video/snowman.mp4" type="video/mp4">Ссылка на видеоролик</a></p>
 </body>
</html>

Результат примера показан на рис. 1.

Рис. 1. Вид ссылки со значением type

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Атрибуты тегов | htmlbook.ru

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

Для атрибутов тегов используются значения по умолчанию

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

Атрибуты без значений

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

Пример 3.4. Атрибуты без значений

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Добавление формы</title>
 </head>
  <body>
  <form action="self.php">
   <p><input type="text"></p>
   <p><input type="submit" disabled></p>
  </form>
 </body>
</html>

В данном примере используется атрибут disabled, у которого явно не задано значение. Подобная запись называется «сокращенный атрибут тега».

Порядок атрибутов в тегах

Порядок атрибутов в любом теге не имеет значения и на результат отображения элемента не влияет. Поэтому теги вида <img src="/images/title.gif" > и <img src="/images/title.gif"> по своему действию равны.

Формат атрибутов

Каждый атрибут тега относится к определенному типу (например: текст, число, путь к файлу и др.), который обязательно должен учитываться при написании атрибута. Так, в примере 3.3 упоминается тег <img>, он добавляет на веб-страницу рисунок, а его атрибут width задает ширину изображения в пикселах. Если поставить не число, а нечто другое, то значение будет проигнорировано и возникнет ошибка при валидации документа.

HTML5 | Элементы и атрибуты

Элементы и атрибуты HTML5

Последнее обновление: 08.04.2016

Прежде чем переходить непосредственно к созданию своих веб-страниц на HTML5, рассмотрим основные строительные блоки, кирпичики, из которых состоит веб-страница.

Документ HTML5, как и любой документ HTML, состоит из элементов, а элементы состоят из тегов. Как правило, элементы имеют открывающий и закрывающий тег, которые заключаются в угловые скобки. Например:


<div>Текст элемента div</div>

Здесь определен элемент div, который имеет открывающий тег <div> и закрывающий тег </div>. Между этими тегами находится содержимое элемента div. В данном случае в качестве содержимого выступает простой текст "Текст элемента div".

Элементы также могут состоять из одного тега, например, элемент <br />, функция которого - перенос строки.


<div>Текст <br /> элемента div</div>

Такие элементы еще называют пустыми элементами (void elements). Хотя я использовал закрывающий слеш, но его наличие согласно спецификации необязательно, и равнозначно использованию тега без слеша: <br>

Каждый элемент внутри открывающего тега может иметь атрибуты. Например:


<div>Кнопка</div>
<input type="button" value="Нажать">

Здесь определено два элемента: div и input. Элемент div имеет атрибут style. После знака равно в кавычках пишется значение атрибута: style="color:red;". В данном случае значение "color:red;" указывает, что цвет текста будет красным.

Второй элемент - элемент input, состоящий из одного тега, имеет два атрибута: type (указывает на тип элемента - кнопка) и value (определяет текст кнопки)

Существуют глобальные или общие для всех элементов атрибуты, как например, style, а есть специфические, применяемые к определенным элементам, как например, type.

Кроме обычных атрибутов существуют еще булевые или логические атрибуты (boolean attributes). Подобные атрибуты могут не иметь значения. Например, у кнопки можно задать атрибут disabled:


<input type="button" value="Нажать" disabled>

Атрибут disabled указывает, что данный элемент отключен.

Глобальные атрибуты

В HTML5 есть набор глобальных атрибутов, которые применимы к любому элементу HTML5:

  • accesskey: определяет клавишу для быстрого доступа к элементу

  • class: задает класс CSS, который будет применяться к элементу

  • contenteditable: определяет, можно ли редактировать содержимое элемента

  • contextmenu: определяет контекстное меню для элемента, которое отображается при нажатии на элемент правой кнопкой мыши

  • dir: устанавливает направление текста в элементе

  • draggable: определяет, можно ли перетаскивать элемент

  • dropzone: определяет, можно ли копировать переносимые данные при переносе на элемент

  • hidden: скрывает элемент

  • id: уникальный идентификатор элемента. На веб-странице элементы не должны иметь повторяющихся идентификаторов

  • lang: определяет язык элемента

  • spellcheck: указывает, будет ли для данного элемента использоваться проверка правописания

  • style: задает стиль элемента

  • tabindex: определяет порядок, в котором по элементам можно переключаться с помощью клавиши TAB

  • title: устанавливает дополнительное описание для элемента

  • translate: определяет, должно ли переводиться содержимое элемента

Но, как правило, из всего этого списка наиболее часто используются три: class, id и style.

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

В отличие от предыдущей версии языка разметки в HTML5 были добавлены пользовательские атрибуты (custom attributes). Теперь разработчик или создатель веб-страницы сам может определить любой атрибут, предваряя его префиксом data-. Например:


<input type="button" value="Нажать" data-color="red" >

Здесь определен атрибут data-color, который имеет значение "red". Хотя для этого элемента, ни в целом в html не существует подобного атрибута. Мы его определяем сами и устанавливаем у него любое значение.

Одинарные или двойные кавычки

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

<input type='button' value='Нажать'>

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

<input type="button" value='Кнопка "Привет мир"'>

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *