Атрибуты HTML


Advertisements

Мы видели немногие бирки HTML и их использование как бирки <h1>, <h2>, <p> бирки параграфа и другие бирки рубрики. Мы использовали их до тех пор в их самой простой форме, но больше всего HTML бирки могут также иметь атрибуты, которые экстренные кванты информации.

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

  • Имя свойство вы хотите установить. Например, элемент <p> параграфа в примере носит атрибут имя которого выравнивает, которое вы можете использовать для того чтобы показать выравнивание параграфа на странице.

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

Имена и атрибуты со значением атрибута случа-нечувствительны. Однако, World Wide Web Consortium (W3C) рекомендует строчные атрибуты/атрибуты со значением в их рекомендации HTML 4.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Align Attribute Example</title>
</head>
<body>
<p align="left">This is left aligned</p>
<p align="center">This is center aligned</p>
<p align="right">This is right aligned</p>
</body>
</html>

Это покажет после результата:

This is left aligned

This is center aligned

This is right aligned

Атрибуты сердечника

4 атрибута сердечника который можно использовать на большинстве элементов HTML (хотя не все) являются следующими:

  • удостоверение личности
  • название
  • тип
  • тип

Атрибут удостоверения личности

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

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

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

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

Пример

>This para id= " HTML " <p объясняют что HTML</p> >This para id= " css " <p объясняют что каскадирует тип Sheet</p>

Атрибут названия

Атрибут названия дает предложенное название для элемента. Они синтаксис для атрибута названия подобны как объяснено для атрибута удостоверения личности:

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

Пример

<!DOCTYPE html>
<html>
<head>
<title>The title Attribute Example</title>
</head>
<body>
<h3 title="Hello HTML!">Titled Heading Tag Example</h3>
</body>
</html>

Это даст следующий:

Titled Heading Tag Example

Теперь попробуйте принести вашу стрелку над «озаглавлено возглавляющ пример бирки» и вы увидите что любое название вы использовали в вашем Коде приходит вне как tooltip стрелки.

Атрибут типа

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

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

class="className1 className2 className3"

Атрибут типа

Атрибут типа позволяет вам определить правила листа типа (CSS) Casecading внутри элемент.

<!DOCTYPE html>
<html>
<head>
<title>The style Attribute</title>
</head>
<body>
<p style="font-family:arial; color:#FF0000;">Some text...</p>
</body>
</html>

Это даст следующий:

Some text...

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

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

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

  • dir
  • lang
  • xml: lang

Атрибут dir

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

ЗначениеЗначить
ltrЛевая сторона к праву (автоматически принимаемому значению)
rtlПраво к левой стороне (для языков как древнееврейские или арабськое которые прочитаны справедливо к левой стороне)

Пример

<!DOCTYPE html>
<html dir="rtl">
<head>
<title>Display Directions</title>
</head>
<body>
This is how IE 5 renders right-to-left directed text.
</body>
</html>

Это даст следующий:

This is how IE 5 renders right-to-left directed text.

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

Атрибут lang

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

Значения атрибута lang стандартные Коды языка 2-характера ISO-639. Проверите Коды языка HTML: ISO 639 для полного списка Кодов языка.

Пример

<!DOCTYPE html>
<html lang="en">
<head>
<title>English Language Page</title>
</head>
<body>
This page is using English Language
</body>
</html>

Xml: атрибут lang

Xml: атрибут lang замена XHTML для атрибута lang. Значение xml: атрибут lang должен быть Кодом страны ISO-639 как упомянуто в предыдущим разделом.

Родовые атрибуты

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

АтрибутВариантыФункция
выровняйтеправо, лево, центрГоризонтально выравнивает бирки
valignверхняя часть, середина, дноВертикально выравнивает бирки внутри элемент HTML.
bgcolorчисленный, hexidecimal, значения RGBУстанавливает цвет предпосылки за элементом
предпосылкаURLУстанавливает фоновое изображение за элементом
удостоверение личностиОпределяемо пользователемНазывает элемент для пользы с листами каскадируя типа.
типОпределяемо пользователемКлассифицирует элемент для пользы с листами каскадируя типа.
ширинаЧисленное значениеОпределяет ширину таблиц, изображений, или клеток таблицы.
высотаЧисленное значениеОпределяет высоту таблиц, изображений, или клеток таблицы.
названиеОпределяемо пользователем«Всплывающее» название элементов.

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

Advertisements