Благодаря предыдущему исследованию мы уже имеем простое представление о тегах HTML и знаем, что к тегам можно добавлять некоторые атрибуты. Эти атрибуты содержат дополнительную информацию о тегах, например:
(1) Атрибут href может предоставлять адрес ссылки для тега <a>;
(2) Атрибут src может указывать путь к изображению для тега <img>;
(3) Атрибут style может определять стили CSS практически для всех тегов.
В этой статье мы объясним определение и использование атрибутов тегов HTML.
1. Что такое атрибуты?
Атрибуты могут предоставлять дополнительную информацию для тегов HTML или изменять теги HTML. Атрибут необходимо добавить в начальный тег. Формат синтаксиса следующий:
атрибут=значение
attr представляет имя атрибута, а value представляет значение атрибута. Значения атрибутов должны быть заключены в двойные или одинарные кавычки ''.
Примечание. Хотя значения атрибутов могут заключаться как в двойные, так и в одинарные кавычки, в целях стандартизации и профессионализма используйте двойные кавычки как можно чаще.
Тег может не иметь атрибутов или иметь один или несколько атрибутов.
Пример использования атрибутов HTML:
<pid=user-infoclass=color-red>Добро пожаловать, <fontcolor=redsize=3>имя пользователя</font> в C Language Network. Вы используете этот сайт уже 3 года. Это ваш 264-й вход. <p><divclass=clearfloat><pclass=left>Информация об имени пользователя</p><pclass=right>Персонализированная подпись имени пользователя</p></div>
Показано ниже:
1. Особые свойства
Существует множество атрибутов HTML, которые можно условно разделить на две категории:
(1) Некоторые атрибуты применимы к большинству или ко всем тегам HTML. Мы называем эти атрибуты универсальными атрибутами.
(2) Некоторые атрибуты применимы только к одному или нескольким конкретным тегам HTML. Мы называем эти атрибуты специальными атрибутами.
Тег <img> в HTML имеет два специальных атрибута: src и alt, а тег <a> также имеет два специальных атрибута: href и target, как показано в следующем примере:
<img src=./logo.png alt=C Логотип языковой сети ширина=100 высота=50>
<a href=http://c.biancheng.net/ target=_blank>Сеть языка C</a>
Описание кода:
Атрибут src в теге <img> используется для определения пути к изображению, а атрибут alt используется для определения информации описания изображения. Когда изображение ненормальное и не может отображаться нормально, информация в alt будет отображаться. быть отображены.
Атрибут href тега <a> используется для определения адреса ссылки, а атрибут target используется для определения способа открытия новой страницы в браузере.
2. Пользовательские атрибуты
Помимо собственных атрибутов, HTML также позволяет нам настраивать атрибуты. Хотя эти атрибуты распознаются браузером, они не добавляют никаких специальных эффектов. Нам нужно использовать CSS и JavaScript для обработки пользовательских атрибутов и добавления определенных стилей в HTML. теги или поведение.
2. HTML-атрибуты
● Элементы HTML могут устанавливать атрибуты.
●Атрибуты могут добавлять к элементам дополнительную информацию.
●Атрибуты обычно описываются в открывающем теге.
●Атрибуты всегда отображаются в виде пар имя/значение, например: имя=значение.
Описание: Элементы HTML могут предоставлять дополнительную информацию для элементов HTML, устанавливая атрибуты — это характеристики, принадлежащие элементу.
1. Общие атрибуты
Следующие атрибуты применимы к большинству элементов HTML.
(1) класс
Определите одно или несколько имен классов (имен классов) для элементов html (имена классов вводятся из файлов стилей)
Атрибут класса можно использовать несколько раз, то есть class=имя класса1 имя класса2 имя класса3... (несколько атрибутов класса можно заключить в кавычки)
(2)идентификатор
Определите уникальный идентификатор элемента
Атрибут id можно задать только индивидуально, то есть id=myid (можно заполнить только один, несколько недействительны)
(3) стиль
Укажите встроенный стиль элемента
(4) титул
Описывает дополнительную информацию об элементе (используется в качестве панели инструментов).
2. Часто используемые ссылочные значения атрибутов HTML-атрибутов.
Значения свойств всегда должны быть заключены в кавычки.
Двойные кавычки используются чаще всего, но с использованием одинарных кавычек проблем не возникает.
Совет: В некоторых отдельных случаях, например, когда само значение атрибута содержит двойные кавычки, необходимо использовать одинарные кавычки, например:
name='JohnShotGunNelson'
3. Совет по HTML: используйте атрибуты в нижнем регистре
Свойства и значения свойств не чувствительны к регистру.
Однако Консорциум Всемирной паутины рекомендует использовать атрибуты/значения атрибутов в нижнем регистре в своих рекомендациях по HTML 4.
Новая версия (X)HTML требует атрибутов в нижнем регистре.
4. Справочное руководство по атрибутам HTML
Полный список атрибутов HTML см.: Список тегов HTML.
Атрибуты, применимые к большинству элементов HTML, перечислены ниже: