Атрибуты HTML-тегов
С тем, что такое HTML теги, мы уже разобрались. Мы выяснили, что у них есть содержимое. Однако это ещё не всё. У тегов также есть атрибуты, которые расширяют их возможности, а у атрибутов, в свою очередь, есть значения. С их помощью элементу можно задавать параметры, определять стиль оформления. Например, тегом
вы обозначили абзац. Но как сделать, чтобы он был выровнен по правому краю? Для этого понадобится определённый атрибут с соответствующим значением. Как некоторые теги не имеют пары, так и некоторые атрибуты могут употребляться без значений.
Как писать атрибуты?
Атрибуты — зарезервированные слова (как и теги, только без угловых скобок), значения же их могут быть разными. Так же, как и теги, атрибуты со значениями рекомендуется писать маленькими буквами, хотя браузерам, в общем-то, безразлично — это просто правило хорошего тона: по-русски ведь ТОЖЕ НЕ ПРИНЯТО ПИСАТЬ ПРИ ВКЛЮЧЕННОМ CAPS LOCK. А чем HTML хуже?
Значения с атрибутами записываются в таком формате:
Писать атрибуты всегда нужно внутри открывающего тега, после зарезервированного слова.
Обычно для одного тега доступно несколько атрибутов. В каком порядке они будут перечислены, неважно.
Универсальные атрибуты
Каждый HTML-тег наделён собственным набором атрибутов. Некоторые атрибуты могут быть доступны для нескольких тегов, другие же могут работать только с одним. Ещё есть группа универсальных (глобальных) атрибутов, которые можно использовать с любым тегом. Вкратце ознакомимся с атрибутами этой категории.
- accesskey позволяет задать сочетание клавиш для доступа к определённому объекту страницы. Например, вы можете сделать так, чтобы с помощью комбинации клавиш Alt+1 пользователь переходил по определённой ссылке. Таким образом разработать систему клавишной навигации.
В качестве значения атрибута могут выступать цифры 0-9 или буквы латинского алфавита:
- class позволяет связать тег с заранее заданным с помощью CSS оформлением. Использование атрибута позволяет существенно уменьшить код, ведь вместо того, чтобы повторять ввод одного и того же блока CSS, можно просто ввести имя соответствующего ему класса.
- С помощью contenteditable можно разрешить пользователю редактировать любой элемент HTML-страницы: удалять, вставлять, изменять текст. Этот же атрибут даёт возможность редактирование и запретить. Значения имеет всего два: true — правку разрешить, false — запретить.
- При помощи атрибута contextmenu вы можете наделить любой элемент документа уникальными пунктами контекстного меню на своё усмотрение. Само меню создаётся в теге , а атрибуту contextmenu присваивается его идентификатор.
- dir определяет направление текста: слева направо (ltr) или справа налево (rtl).
- draggable позволяет запретить (false) или разрешить (true) пользователю перетаскивать наделённый этим атрибутом элемент страницы.
- dropzone указывает браузеру, что делать с перетаскиваемым элементом: копировать (значение copy), перемещать (move) или создать на него ссылку (link).
- h >
- translate разрешает (yes) или запрещает (no) перевод содержимого тега.
- align задаёт выравнивание элемента. Например, с его помощью можно выровнять текст по левому краю (значение left), по правому краю (right), по центру (center) или по ширине (justify). Для изображений (тег ) также доступно выравнивание по верхней границе самого высокого элемента строки (top), по нижней границе (bottom), а значение middle делает так, что средняя линия картинки совпадает с базовой линией строки.
Стоит иметь в виду, что использовать атрибут align не рекомендуется, а выравнивать текст лучше с помощью CSS.
Пример использования атрибутов
В качестве примера рассмотрим строку HTML-кода:
Вся строка создаёт абзац текста, который пользователь может в браузере самостоятельно изменять.
Разберём каждый элемент строки.
— открывающий тег контейнера, хранящего абзац.
Между символами > и
Полезные ссылки:
- Основы HTML — бесплатный 2-х часовой видеокурс по основам HTML;
- Бесплатный курс по верстке сайта — пример блочной вёрстки с чистого листа;
- Вёрстка сайта с нуля 2.0 — полноценный платный курс.
HTML5
Грамматика и ассоциированные API для HTML и XHTML
Рекомендации W3C от 28 октября 2014 г.
11 Устаревшие функции
11.1 Устаревшие, но соответствующие спецификации функции и элементы
Возможности, описываемые в этом разделе, будут вызывать появление предупреждения в проверщиках соответствия.
Авторам не следует специфицировать атрибут border в элементе img . Если атрибут присутствует, его значением должна быть строка » 0 «. Вместо него следует использовать CSS.
Авторам не следует специфицировать атрибут language в элементе script . Если атрибут присутствует, его значением должно быть ASCII-регистронезависимое совпадение со строкой » JavaScript » и либо атрибут type должен быть опущен, либо его значением должно быть ASCII-регистронезависимое совпадение со строкой » text/javascript «. Атрибут следует совсем опустить (в хорошем смысле) (со значением » JavaScript » он не оказывает никакого влияния) или заменить на использование атрибута type .
Авторам не следует специфицировать атрибут name в элементах a . Если атрибут присутствует, его значением не должна быть пустая строка пустая строка и оно не должно быть равно значению какого-либо >name в элементах a в домашнем поддереве элемента. Если этот атрибут имеется и элемент имеет >URL . Вместо него следует использовать атрибут id .
Авторам не следует, хотя и можно, несмотря на требования обратного где-либо в данной спецификации, специфицировать атрибуты maxlength и size в элементах input , чей атрибут type имеет статус Number. Единственная реальная причина использовать эти атрибуты – помочь пользователям старых ПАгентов, не поддерживающих элементы input с type=»number» , всё-таки отображать текстовое поле нужной ширины.
В HTML-синтаксисе специфицирование DOCTYPE, который не является разрешённым устаревшим DOCTYPE, также выдаёт предупреждение.
11.1.1 Предупреждения об устаревших, но соответствующих спецификации функциях и элементах
Для облегчения перехода от документов HTML4 Transitional к языку, определённому в данной спецификации , и воспрепятствовать использованию определённых возможностей в редких случаях, проверщики соответствия должны предупреждать пользователя, когда нижеследующие возможности используются в документе. Обычно это – устаревшие неработающие функции, которые разрешены только для различения похожих ошибок (регулярные ошибки соответствия) и являются всего лишь рудиментами и не рекомендуются (эти предупреждения).
Следующие возможности должны категоризироваться так, как описано выше:
Наличие атрибута border в элементе img , если его значение – строка » 0 «.
Наличие атрибута language в элементе script , если его значение – ASCII-регистронезависимое совпадение со строкой » JavaScript » и если нет атрибута type или его значение – ASCII-регистронезависимое совпадение со строкой » text/javascript «.
Наличие атрибута name в элементе a , если его значение – не пустая строка.
Наличие атрибута maxlength в элементе input , чей атрибут type имеет статус Number.
Наличие атрибута size в элементе input , чей атрибут type имеет статус Number.
Проверщики соответствия должны различать страницы, не имеющие ошибок соответствия и каких-либо этих устаревших возможностей, и страницы, не имеющие ошибок соответствия, но имеющие какие-либо устаревшие возможности.
Например, валидатор может сообщать о страницах как о «Valid HTML», а о других – как «Valid HTML with warnings».
11.2 Несоответствующие функции и элементы
Элементы этого списка полностью устарели и не должны использоваться авторами:
Используйте вместо него embed или object .
Используйте вместо него abbr .
Используйте вместо него audio .
Используйте вместо него ul .
Либо используйте вместо него iframe и CSS, либо используйте серверные включения для генерации полных страниц с различными присоединёнными инвариантными частями.
Для разметки подзаголовков рассмотрите помещение подзаголовков в элемент p после элемента h1 — h6 , содержащего основной заголовок, или помещение подзаголовков непосредственно элементом h1 — h6 , содержащим основной заголовок, но отделённым от основного заголовка пунктуацией и/или в, например, элементе span с различной стилизацией.
Заголовки и подзаголовки, альтернативные названия или слоганы можно группировать с помощью элементов header или div .
Используйте вместо него явное сочетание form и текстового поля.
Используйте вместо него pre и code .
Используйте вместо него GUIDы.
Используйте вместо него object из embed , когда нужен откат.
Используйте вместо него MIME-тип » text/plain «.
Используйте вместо него del , если элемент размечает редактирование, иначе – используйте s .
Используйте вместо него pre и code , и мнемонизацию символов » » и » & » как » » и » & » соответственно.
Используйте вместо него подходящие элементы или CSS.
Где элемент tt может использоваться для обозначения ввода с клавиатуры, рассмотрите использование элемента kbd ; для переменных – var ; для компьютерного кода – элемент code ; и для компьютерного вывода – элемент samp .
Аналогично, если элемент big используется для обозначения заголовка, рассмотрите использование элемента h1 ; если он используется для разметки важных пассажей, рассмотрите использование элемента strong ; и если он используется для выделения текста для ссылки, рассмотрите использование элемента mark .
Следующие атрибуты являются устаревшими (хотя эти элементы всё ещё являются частью языка) и не должны использоваться авторами:
в элементах a в элементах link
Используйте вместо него HTTP-хедэр Content-Type в связанном ресурсе.
в элементах a в элементах a
Используйте вместо него area в a для карт изображений.
в элементах a в элементах link
Используйте вместо него HTTP-функцию OPTIONS.
в элементах a (кроме указанных в предыдущем разделе) в элементах embed в элементах img в элементах option
Используйте вместо него атрибут id .
в элементах a в элементах link
Специфицируйте предпочтительный постоянный идентификатор с помощью атрибута href .
Используйте вместо него атрибут accept непосредственно в элементах input .
Достаточно отсутствия атрибута href ; атрибут nohref не нужен. Убрать его совсем.
При использовании для объявления того, какие термины meta используются в документе, не нужен; убрать его совсем и регистрировать имена.
При использовании для переключения специфического поведение ПАгента: использовать вместо него элемент link
Не нужен. Убрать его совсем.
Не нужен. Убрать его совсем. Все элементы input с атрибутом type в статусе Image Button обрабатываются как серверные/server-side карты изображений.
Используйте вместо него img в input для карт изображений.
Используйте вместо него прогрессивное JPEG-изображение (заданное в атрибуте src ), вместо использования двух отдельных изображений.
Не нужен. Убрать его совсем.
Использовать только по одной схеме на поле или сделать объявление scheme частью значения.
в элементах object в элементах object в элементах object в элементах object в элементах object
Используйте атрибуты data и type для вызова плагинов . В частности, для установки параметров с этими именами может использоваться элемент param .
Повторяйте элемент object полностью всякий раз при повторном использовании ресурса.
Оптимизируйте связанный ресурс так, чтобы он загружался быстро или, как минимум, инкрементально.
в элементах param в элементах param
Используйте атрибуты name и value без объявления типов значений.
в элементах script (кроме указанных в предыдущем разделе)
Используйте вместо него атрибут type .
в элементах script в элементах script
Используйте DOM Events механизмы для регистрации прослушивателей событий. [DOM]
Не нужен. Убрать его совсем.
Используйте вместо него одну из техник описания таблиц из раздела table .
Используйте атрибут scope в соответствующих th .
Используйте элементы th для заголовочных ячеек.
Используйте скрипт и такие механизмы, как XMLHttpRequest , для динамического наполнения страницы. [XHR]
в элементах body в элементах body в элементах body в элементах body в элементах body в элементах body в элементах body в элементах body в элементах body в элементах body в элементах body в элементах br в элементах caption в элементах col в элементах col в элементах col в элементах col в элементах col в элементах div в элементах dl в элементах embed в элементах embed в элементах embed в элементах hr в элементах hr в элементах hr в элементах hr в элементах hr в элементах h1 — h6 в элементах iframe в элементах iframe в элементах iframe в элементах iframe в элементах iframe в элементах iframe в элементах iframe в элементах iframe в элементах input в элементах input в элементах input в элементах img в элементах img (кроме указанных в предыдущем разделе) в элементах img в элементах img в элементах legend в элементах li в элементах object в элементах object в элементах object в элементах object в элементах ol в элементах p в элементах pre в элементах table в элементах table в элементах table в элементах table в элементах table в элементах table в элементах table в элементах table в элементах tbody , thead и tfoot в элементах tbody , thead и tfoot в элементах tbody , thead и tfoot в элементах tbody , thead и tfoot в элементах td и th в элементах td и th в элементах td и th в элементах td и th в элементах td и th в элементах td и th в элементах td и th в элементах td и th в элементах tr в элементах tr в элементах tr в элементах tr в элементах tr в элементах ul в элементах ul в элементах body , table , thead , tbody , tfoot , tr , td и th
Используйте вместо него CSS.
Атрибут border в элементе table может использоваться для предоставления базовой откатной стилизации, чтобы сделать таблицы разборчивыми в тех окружениях браузинга, где поддержка CSS ограничена или отсутствует, вроде текстовых браузеров, WYSIWYG-редакторов и в ситуациях, где поддержка CSS отключена или таблица стилей утеряна. Только пустая строка и значение » 1 » могут использоваться как значения border для этой цели. Другие значения считаются устаревшими. Для регулирования толщины таких рамок авторам следует использовать CSS.
11.3 Требования к реализации
11.3.1 Элемент
Элемент applet это Java-специфичный вариант элемента embed . Элемент applet теперь устарел, поэтому все расширения структуры (Java, .NET, Flash, etc.) обрабатываются соответствующим образом.
Когда элемент совпадает с одним из следующих условий, он представляет его содержимое:
- Элемент всё ещё в стэке открытых элементовHTML-парсера или XML-парсера.
- Элемент – не в Document .
- Document элемента не полностью активен.
- Набор флагов active sandboxingDocument ‘а элемента имеет установленный флаг sandboxed plugins browsing context flag.
- Элемент имеет предка – медиа-элемент.
- Элемент имеет предка – элемент object , который не показывает своё откатное содержимое.
- Java Language runtime плагин недоступен.
- Java runtime плагин доступен, но отключён.
secured ; if anyone does end up securing one we can always change this
Иначе – ПАгенту следует инстанциировать (создать экземпляр) Java Language runtime плагина и передать имена и значения всех атрибутов элемента, в порядке их добавления в элемент, с атрибутами, добавленными парсером, заказанным в заказе источника, затем передать параметр «PARAM» со значением null, затем – все имена и значения параметров, заданных элементами param , которые являются дочерними от элемента applet , в порядке дерева, в используемый плагин . Если плагин поддерживает скриптовый интерфейс, объекту HTMLAppletElement , представляющему этот элемент, следует экспонировать этот интерфейс. Элемент applet представляет плагин .
browsing context scope origin if it has one» when fetching
Элемент applet не имеет влияния от CSS-свойства ‘display’. Java Language runtime инстанциируется, даже если элемент – hidden с CSS-стилем ‘display:none’.
Элемент applet должен реализовывать интерфейс HTMLAppletElement .
>object элемента applet определён как содержащий URL .
>codebase , который, для целей отражения, определён как содержащий URL .
11.3.2 Элемент
Элемент marquee это презентационный элемент, который анимирует содержимое. CSS-переходы и анимации – более подходящий механизм. [CSSANIMATIONS] [CSSTRANSITIONS]
Элемент marquee должен реализовывать интерфейс HTMLMarqueeElement .
Элемент marquee может быть или . При создании он включён.
Когда вызывается метод , элемент marquee должен быть включён.
Когда вызывается метод , элемент marquee должен быть отключён.
Когда элемент marquee создаётся, ПА должен поставить в очередь задачу выстрелить простое событие start в элементе.
Атрибут содержимого в элементах marquee это перечислимый атрибут со следующими ключевыми словами (все – несоответствующие/non-conforming):
Ключевое слово | Статус |
---|---|
scroll | |
slide | |
alternate |
Значение по умолчанию при отсутствии значения\missing value default – статус scroll.
Атрибут содержимого в элементах marquee это перечислимый атрибут со следующими ключевыми словами (все – несоответствующие/non-conforming):
Ключевое слово | Статус |
---|---|
left | |
right | |
up | |
down |
Значение по умолчанию при отсутствии значения – статус left.
Атрибут содержимого в элементах marquee это булев атрибут.
Элемент marquee имеет , который получается так:
Если элемент имеет атрибут scrolldelay и парсинг его значения по правилам парсинга неотрицательных целых не возвращает ошибку, то пусть delay это будет разобранное значение. Иначе – пусть delay будет 85.
Если элемент не имеет атрибута truespeed и значение delay меньше 60, тогда пусть delay будет 60.
Интервал прокрутки marquee это delay , интерпретированное в миллисекундах.
Элемент marquee имеет , которая, если элемент имеет атрибут scrollamount и парсинг его значения по правилам парсинга неотрицательных целых не возвращает ошибку, является разобранным значением, интерпретированным в CSS-пикселах, или иначе равна 6 CSS-пикселам.
Элемент marquee имеет , который, если элемент имеет атрибут loop и парсинг его значения по правилам парсинга целых не возвращает ошибку или число меньше 1, является разобранным значением, иначе – равна -1.
>loop элемента (добавляя его, если необходимо) действительным целым, которое представляет это новое значение. (Другие значения игнорируются.)
Элемент marquee также имеет , который равен нулю, когда элемент создаётся.
Слой отображения будет иногда , что может вызвать выполнение следующих шагов:
Если счётчик циклов marquee равен -1, тогда прервать эти шаги.
Обработчик события | Тип события обработчика события |
---|---|
bounce | |
finish | |
start |
IDL-атрибуты , , , , и должны отражать соответствующие атрибуты содержимого с теми же именами.
>scrollamount . Значение по умолчанию: 6.
>scrolldelay . Значение по умолчанию: 85.
11.3.3 Фрэймы
Элемент действует как элемент body в документа, использующих фрэймы.
Элемент frameset должен реализовывать интерфейс HTMLFrameSetElement .
IDL-атрибуты и элемента frameset должны отражать соответствующие атрибуты содержимого с теми же именами.
Элемент определяет вложенный контекст браузинга аналогично элементу iframe , но отображаемый элементом frameset .
Элемент frame называется , когда он в Document и его родительским элементом, если имеется, является элемент frameset .
Когда элемент frame создаётся как активный элемент frame или становится активным элементом frame , не будучи таковым до этого, ПА должен создать вложенный контекст браузинга, а затем обработать атрибуты frame ‘а в первый раз.
Всегда когда элемент frame с вложенным контекстом браузинга имеет атрибут src установленным, изменённым или удалённым, ПА должен обработать атрибуты frame ‘а.
Когда ПА ‘ а, он должен выполнить первые подходящие шаги из следующего списка:
Если элемент не имеет специфицированного атрибута src и ПА обрабатывает атрибуты frame ‘а в первый раз
Если значение атрибута src – пустая строка, пусть url это строка » about:blank «.
Иначе, развернуть значение атрибута src относительно элемента frame .
Если это не удалось, тогда пусть url будет строкой » about:blank «. Иначе – пусть url будет результирующим абсолютным URL.
Любая навигация, требуемая от ПА алгоритмом обработки атрибутов frame ‘а, дожна быть завершена как явное переопределение самонавигации и с контекстом браузинга документа элемента frame в качестве исходного контекста браузинга.
Кроме того, если активный документ дочернего контекста браузинга элемента перед такой навигацией не был полностью загружен на момент новой навигации , тогда навигация должна быть завершена с включённой заменой.
Аналогично, если история сессий дочернего контекста браузинга содержала только один Document , когда был вызван алгоритм обработки атрибутов frame ‘а, и это был about:blank Document , созданный пр создании дочернего контекста браузинга, тогда любая навигация, требуемая от ПА таким алгоритмом, должна быть завершена с включённой заменой.
but less detailed
Когда создаётся контекст браузинга, если атрибут name присутствует, имя контекста браузинга должно быть установлено со значением этого атрибута; иначе – имя контекста браузинга должно быть установлено пустой строкой.
Всегда когда устанавливается атрибут name , имя вложенного контекста браузинга должно измениться на новое значение. Если атрибут удаляется, имя контекста браузинга должно быть установлено пустой строкой.
Элемент frame должен реализовывать интерфейс HTMLFrameElement .
IDL-атрибуты , и элемента frame должны отражать соответствующие атрибуты содержимого с теми же именами. Для целей отражения атрибут содержимого src элемента frame определён как содержащий URL .
IDL-атрибут элемента frame должен отражать атрибут содержимого frameborder элемента.
IDL-атрибут элемента frame должен отражать атрибут содержимого longdesc элемента, который для целей отражения определён как содержащий URL .
IDL-атрибут элемента frame должен отражать атрибут содержимого noresize элемента.
IDL-атрибут элемента frame должен отражать атрибут содержимого marginheight элемента.
IDL-атрибут элемента frame должен отражать атрибут содержимого marginwidth элемента.
11.3.4 Другие элементы, атрибуты и API
ПАгенты должны работать с элементами acronym способом, эквивалентным элементам abbr в терминах семантики и для целей отображения.
IDL-атрибуты , , и в элементе a должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента area должен отражать атрибут содержимого nohref элемента.
The basefont element must implement the HTMLBaseFontElement interface.
The , , and IDL attributes of the basefont element must reflect the respective content attributes of the same name.
IDL-атрибут элемента body должен отражать атрибут содержимого text элемента.
IDL-атрибут элемента body должен отражать атрибут содержимого link элемента.
IDL-атрибут элемента body должен отражать атрибут содержимого alink элемента.
IDL-атрибут элемента body должен отражать атрибут содержимого vlink элемента.
IDL-атрибут элемента body должен отражать атрибут содержимого bgcolor элемента.
IDL-атрибут элемента body должен отражать атрибут содержимого background элемента. (Содержимое background не определено как содержащее URL , несмотря на правила его обработки выше, в разделе отображения.)
IDL-атрибут элемента br должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента caption должен отражать атрибут содержимого с тем же именем.
IDL-атрибуты и IDL элемента col должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента col должен отражать атрибут содержимого char элемента.
IDL-атрибут элемента col должен отражать атрибут содержимого charoff элемента.
IDL-атрибут элемента col должен отражать атрибут содержимого valign элемента.
ПАгенты должны работать с элементами dir способом, эквивалентным элементам ul в терминах семантики и для целей отображения.
Элемент dir должен реализовывать интерфейс HTMLDirectoryElement .
IDL-атрибут элемента dir должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента div должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента dl должен отражать атрибут содержимого с тем же именем.
IDL-атрибуты и элемента embed должны отражать соответствующие атрибуты содержимого с теми же именами.
Элемент font должен реализовывать интерфейс HTMLFontElement .
IDL-атрибуты , и элемента font должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут IDL элементов h1 – h6 должен отражать атрибут содержимого с тем же именем.
IDL-атрибут в элементах head (с интерфейсом HTMLHeadElement ) намеренно опущен. Если это не требуется другой применимой спецификацией, реализации, следовательно, не поддержат этот атрибут. (Он упоминается здесь, так как был определён в предыдущей версии спецификаций DOM.)
IDL-атрибуты , , и элемента hr должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента hr должен отражать атрибут содержимого noshade элемента.
IDL-атрибут элемента html должен отражать атрибут содержимого с тем же именем.
IDL-атрибуты и элемента iframe должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента iframe должен отражать атрибут содержимого frameborder элемента.
IDL-атрибут IDL элемента iframe должен отражать атрибут содержимого longdesc элемента, определённый для целей отражения как содержащий URL .
IDL-атрибут элемента iframe должен отражать атрибут содержимого marginheight элемента.
IDL-атрибут IDL элемента iframe должен отражать атрибут содержимого marginwidth элемента.
IDL-атрибуты , , , и элемента img должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента img должен отражать атрибут содержимого longdesc элемента, определённый для целей отражения как содержащий URL.
IDL-атрибут IDL элемента img должен отражать атрибут содержимого lowsrc элемента, определённый для целей отражения как содержащий URL.
IDL-атрибут элемента input должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента input должен отражать атрибут содержимого usemap элемента.
IDL-атрибут элемента legend должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента li должен отражать атрибут содержимого с тем же именем.
IDL-атрибуты и элемента link должны отражать соответствующие атрибуты содержимого с теми же именами.
ПАгенты должны работать с элементами listing способом, эквивалентным элементам pre в терминах семантики и для целей отображения.
ПАгенты могут работать с атрибутом содержимого scheme элемента meta как с расширением атрибута содержимого name элемента при обработке элемента meta с атрибутом name , значение которого ПА распознаёт как поддерживаемый атрибут scheme .
ПАгентам рекомендуется игнорировать атрибут scheme и вместо этого обрабатывать значение, заданное имени метаданных, как если бы оно было специфицировано для каждого ожидаемого значения атрибута scheme .
Например, если ПА работает с элементами meta с атрибутами name , имеющими значение «eGMS.subject.keyword», и знает, что атрибут scheme используется с этим именем метаданных, тогда он может учесть атрибут scheme , работая так, как если бы это было расширение атрибута name . Таким образом, следующие два элемента meta могут рассматриваться как два элемента, задающие значения для двух различных имён метаданных: одно состоит из комбинации «eGMS.subject.keyword» и «LGCL», а второе – из комбинации «eGMS.subject.keyword» и «ORLY»:
Рекомендуемый процессинг может быть таким:
IDL-атрибут элемента meta должен отражать атрибут содержимого с тем же именем.
IDL-атрибуты , , , , , , и элемента object должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента object должен отражать атрибут содержимого codebase элемента, определённый для целей отражения как содержащий URL.
IDL-атрибут элемента object должен отражать атрибут содержимого codetype элемента.
IDL-атрибут элемента ol должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента p должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента param должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента param должен отражать атрибут содержимого valuetype элемента.
ПАгенты должны работать с элементами plaintext способом, эквивалентным элементам pre в терминах семантики и для целей отображения. (Однако парсер имеет особое поведение для этого элемента.)
IDL-атрибут элемента pre должен отражать атрибут содержимого с тем же именем.
IDL-атрибуты и элемента script должны возвращать пустую строку при получении, и не делать ничего – при установке.
IDL-атрибуты , , , , и элемента table должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента table должен отражать атрибут содержимого bgcolor элемента.
IDL-атрибут элемента table должен отражать атрибут содержимого cellpadding элемента.
IDL-атрибут элемента table должен отражать атрибут содержимого cellspacing элемента.
IDL-атрибут элементов tbody , thead и tfoot должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элементов tbody , thead и tfoot должен отражать атрибут содержимого char элементов.
IDL-атрибут элементов tbody , thead и tfoot должен отражать атрибут содержимого charoff элементов.
IDL-атрибут элементов tbody , thead и tfoot должен отражать атрибут содержимого valign элементов.
IDL-атрибуты , , и элементов td и th должны отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элементов td и th должен отражать атрибуты содержимого char элементов.
IDL-атрибут элементов td и th должен отражать атрибуты содержимого charoff элементов.
IDL-атрибут элементов td и th должен отражать атрибуты содержимого nowrap элементов.
IDL-атрибут элементов td и th должен отражать атрибуты содержимого valign элементов.
IDL-атрибут элементов td и th должен отражать атрибуты содержимого bgcolor элементов.
IDL-атрибут IDL attribute of the td element must отражать соответствующие атрибуты содержимого с теми же именами.
IDL-атрибут элемента tr должен отражать атрибут содержимого с тем же именем.
IDL-атрибут элемента tr должен отражать атрибут содержимого char элемента.
IDL-атрибут элемента tr должен отражать атрибут содержимого charoff элемента.
IDL-атрибут элемента tr должен отражать атрибут содержимого valign элемента.
IDL-атрибут элемента tr должен отражать атрибут содержимого bgcolor элемента.
IDL-атрибуты и элемента ul должны отражать соответствующие атрибуты содержимого с теми же именами.
ПАгенты должны работать с элементами xmp способом, эквивалентным элементам pre в терминах семантики и для целей отображения. (Однако парсер имеет особое поведение для этого элемента.)
Атрибуты объекта Document в первом столбце следующей таблицы должны отражать атрибут содержимого элемента body с именем, указанным соответствующей ячейке второго столбца того же ряда, если элемент body это элемент body (в противоположность элементу frameset ). Когда элемента body нет, или если это элемент frameset , атрибуты должны вместо этого возвращать пустую строку при получении и ничего не делать – при установке.
IDL-атрибут | Атрибут содержимого |
---|---|
text | |
link | |
vlink | |
alink | |
bgcolor |
Атрибут должен возвращать HTMLCollection , укоренённую в узле Document , фильтр которой совпадает только с элементами a с атрибутами name .
Атрибут должен возвращать HTMLCollection , укоренённую в узле Document , фильтр которой совпадает только с элементами applet .
Методы , и ничего не должны делать.
Атрибут должен возвращать HTMLAllCollection , укоренённую в узле Document , фильтр которой совпадает со всеми элементами.
Объект, возвращаемый для all , имеет несколько необычное поведение:
ПА должен действовать так, будто оператор ToBoolean() в JavaScript конвертирует объект, возвращаемый для all , в значение false.
ПА должен действовать так, будто, для целей операторов == и != в JavaScript, объект, возвращаемый для all , сравнивается как равный со значениями undefined и null . (Сравнения оператором === и сравнения с такими значениями, как строки или объекты, не подвергаются влиянию.)
ПА должен действовать так, что оператор typeof в JavaScript возвращает строку undefined , когда применяется к объекту, возвращённому для all .
Эти требования – умышленное нарушение спецификации JavaScript, имевшейся на момент написания (ECMAScript edition 5). Спецификация JavaScript требует, чтобы оператор ToBoolean() конвертировал все объекты в значение true, и не имеет положений для объектов, работающих так, как если бы они были undefined для целей определённых операторов. Это нарушение мотивируется желанием совместить два класса устаревшего содержимого: один – использующий наличие document.all как способ определения устаревших ПАгентов, а второй – поддерживающий только устаревшие ПАгенты и использующий объект document.all без предварительной проверки его существования. [ECMA262]
Методы ничего не должны делать.
Элемент hgroup не имеет строгой родной семантики или неявной ARIA-семантики по умолчанию. ПАгенты не должны реализовывать семантику слоя доступности для элемента hgroup , который усложняет или модифицирует семантику своих потомков.
HTML Attributes
Атрибуты предоставляют дополнительную информацию о HTML-элементах.
Атрибуты HTML
- Все элементы HTML могут иметь атрибуты
- Атрибуты предоставляют Дополнительные сведения об элементе
- Атрибуты всегда указываются в начальном теге
- Атрибуты обычно поставляются в парах «имя/значение», например: name=»value»
Атрибут href
Пример
Вы узнаете больше о ссылках и тег далее в этом учебнике.
Атрибут src
HTML-образы определяются тегом .
Имя файла источника изображения указывается в атрибуте src :
Example
Атрибуты ширины и высоты
Изображения в HTML имеют набор атрибутов size, который определяет ширину и высоту изображения:
Пример
Размер изображения указан в пикселях: w , означает 500 пикселей в ширину.
Вы узнаете больше об изображениях в наших HTML-изображениях Глава.
The alt Attribute
Атрибут alt указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то «прослушивание» на веб-странице, например, слепой человек, может «слышать» элемент.
Пример
Атрибут alt также полезен, если изображение не существует:
Пример
Посмотрите, что произойдет, если мы попытаемся отобразить изображение, которое не существует:
Атрибут style
Атрибут style используется для указания стиля элемента, например цвета, шрифта, размера и т. д.
Пример
I am a paragraph
Вы узнаете больше о стилизации позже в этом учебнике, и в нашем Учебник по CSS.
Атрибут lang
Язык документа может быть объявлен в теге .
Язык объявляется с атрибутом lang .
Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
HTML Атрибуты
Атрибуты задаются в начальном тэге элемента и состоят из имени и значения, которые отделяются друг от друга знаком равно (=). Например в атрибуте href=»http://www.wm-school.ru/» href является именем, а http://www.wm-school.ru/ значением.
HTML-теги могут содержать один или несколько атрибутов. Атрибуты добавляются в тег для того, чтобы информировать браузер о том, как данный тег должен отображаться в html-документе.
Атрибут title
Рассмотрим следующий пример:
Имя атрибута title. В этом примере, мы дали ему значение Язык гипертекстовой разметки .
Атрибут title может (необязательно) использоваться в любом HTML — элементе, чтобы предоставить дополнительную информацию о содержимом элемента.
При использовании атрибута title, большинство браузеров будет отображать его значение как «всплывающую подсказку», когда пользователь наводит указатель мыши на элемент.
Атрибут alt
Вы уже знаете, что изображения вставляются в Web-страницы с помощью одинарного тега . Атрибут alt добавляется внутрь тera и определяет для добавленноrо на WеЬ-страницу rpaфическоrо элемента альтернативный текст. Этот текст называется альтернативным, поскольку может отображаться на экране как альтернатива самому изображению.
В следующем примере вы увидите, как браузер работает с атрибутом alt, когда появляется «отсутствующее» изображение. Если рисунок не может быть найден или по какой-то причине не загружается, вместо него выводится значение атрибута alt. Поменяйте имя файла с изображением с orange.jpg на pencil.jpg. На самом деле такого файла не существует, поэтому вы получите «отсутствующее» изображение.
Атрибут href
Вы можете добавить сразу несколько атрибутов к элементу.
Атрибут href определяет расположение веб — страницы, на которую ведет ссылка.
Мы также используем атрибут title для того, чтобы обеспечить некоторую консультационную помощь для пользователя в виде всплывающей подсказки.
Указывать атрибуты можно только внутри открывающих тегов и если атрибутов несколько, то между ними ставится пробел. При этом нельзя в одном теге задавать два одинаковых атрибута, даже если у них разные значения, то есть дублировать их запрещено. Атрибуты, как и теги, нечувствительны к регистру, то есть их допустимо писать заглавными и строчными буквами. Значения атрибутов можно брать в необязательные двойные (» «) или одинарные кавычки(‘ ‘).
W3C рекомендует использовать кавычки в HTML, и требует применение кавычек для более строгих типов документов, таких как XHTML.
Иногда бывает необходимо использовать кавычки. В этом примере атрибут заголовка не будет отображаться правильно, так как в значении атрибута содержатся пробелы:
Как и в случае с тегами, рекомендую вам всегда писать атрибуты в нижнем регистре и брать их значения в кавычки. |
Одинарные или двойные кавычки?
Чаще всего в HTML используются «двойные кавычки», но вы можете использовать и ‘одинарные’. Иногда вам придется использовать одинарные кавычки, если в значении есть часть, которая отдельно должна быть заключена в кавычки:
Общие атрибуты
Ниже представлен список некоторых атрибутов, которые стандартны для большинства html-элементов:
Атрибут | Значение | Описание |
---|---|---|
align | right, left, center | Горизонтальное выравнивание тегов |
valign | top, middle, bottom | Вертикальное вырвнивание тегов внутри HTML-элемента. |
background | URL | Расположение фонового изображения |
id | Уникальное имя | Уникальное имя для использования с каскадными таблицами стилей. |
class | правило класса или стиль класса | Классифицирует элемент для использования с каскадными таблицами стилей. |
width | Числовое значение | Определяет ширину таблиц, изображений или ячеек таблицы. |
height | Числовое значение | Определяет высотуу таблиц, изображений или ячеек таблицы. |
title | Текст подсказки | Текст, отображаемый во всплывающей подсказке. |
Полный список всех атрибутов для каждого элемента HTML, указан в нашем справочнике: HTML Атрибуты.
Первое итоговое задание [1-4]
Вы познакомились с тегами, необходимыми для создания простейшей HTML-страницы, а также с атрибутами и их значениями, которые очень важны для корректного отображения документа, оптимизации и продвижения в поисковиках.
Пришло время повторить изученное и выполнить несложные задания:
Всплывающая подсказка
Сделайте всплывающую подсказку с текстом «Хороший сайт», который появляется когда вы наводите указатель мыши на абзац, как показано на рис. 1.
Бегущая строка
Бегущая строка
Вот код бегущей строки: .
Бегущая строка
Здравствуйте, мне нужно реализовать бегущую строку, сейчас используюю тег , но мне нужно.
Бегущая строка
Бегущая строка обрезается
Всё бежит, не надо оперу обижать, она и так глючная, судьбой обиженная.
10.11.2009, 08:47 | ||||||||||||||||||||||||||||||||||||||
10.11.2009, 09:11 | 5 | |||||||||||||||||||||||||||||||||||||
Вот, выдрал из редактора, сама отсей лишние. Это всё, что есть. |
||||||||||||||||||||||||||||||||||||||
10.11.2009, 16:18 | 6 | |||||||||||||||||||||||||||||||||||||
Вот, ещё нашёл, здесь больше атрибутов описано. Бегущая строка 314 Приложение 1. Руководство по динамическому HTML |
||||||||||||||||||||||||||||||||||||||
11.11.2009, 06:11 | 7 | |||||||||||||||||||||||||||||||||||||
bgcolor=»#99CCFF»//бэкграунд Добавлено через 6 минут HTML | Marquee truespeed attributeIf the scrolldelay value less then 60 and truespeed mode is on then the value of scrolldelay is not effecting the scrolling. Syntax: Attribute value: 5. HTML — АтрибутыВы уже знакомы с несколькими html-тегами и их использованием, например теги заголовков , или тег абзацаи другие. До сих пор мы использовали их в простейшей форме, но большинство тегов в HTML могут иметь атрибуты, которые являются дополнительными битами информации. Атрибут — используется для определения характеристик html-элемента и помещается внутри открытого тега элемента. Все атрибуты состоят из двух частей — это имя и значение:
, в примере ниже, содержит атрибут align, который Вы можете использовать для указания выравнивания абзаца на странице. Имена и значения атрибутов в HTML не зависят от регистра. Однако консорциум World Wide Web (W3C) рекомендует в своей рекомендации HTML 4 использовать атрибуты и значения атрибутов в нижнем регистре. Пример Получим следующий результат: СодержаниеОсновные атрибуты HTMLСуществует четыре основных атрибута в HTML, которые могут использоваться для большинства html-элементов (хотя и не для всех): Атрибут idАтрибут id html-тега может быть использован для однозначной идентификации любого элемента внутри html-страницы. Существуют две основные причины, по которым Вы можете использовать атрибут id для элемента:
Таблицу стилей мы обсудим в отдельном самоучителе. Пока же давайте использовать атрибут id для различения двух элементов абзаца, как показано ниже. Атрибут titleАтрибут title — дает название элемента для элемента. Синтаксис для атрибута title аналогичен атрибуту id. Поведение этого атрибута будет зависеть от элемента, который его несет, хотя он часто отображается как подсказка, когда курсор наводится на элемент или когда элемент загружается. Пример Получим следующий результат: Теперь попробуйте навести курсор на «Пример заголовка», и Вы увидите, что title, который Вы использовали в вашем коде, выйдет как подсказка курсора. Атрибут classАтрибут class — используется для связывания элемента со списком стилей и задает класс элементу. Вы узнаете больше об использовании атрибута class, когда изучите CSS (каскадные таблицы стилей). Так что пока можете это пропустить. Значением атрибута может быть также список имен классов, разделенных пробелами. Например: Атрибут styleАтрибут style — позволяет указывать правила каскадной таблицы стилей (CSS) внутри элемента. Получим следующий результат: На данный момент мы не изучаем CSS, так что давайте продолжим, не беспокоясь о CSS. Здесь Вам нужно понять, какие существуют html-атрибуты, и как их можно использовать при форматировании содержимого. Атрибуты интернационализацииСуществует три атрибута интернационализации в HTML, которые доступны для большинства (хотя и не для всех) элементов XHTML. Атрибут dirАтрибут dir — позволяет указать браузеру направление потока текста. Атрибут dir может принимать одно из двух значений, которые Вы можете видеть в следующей таблице:
Пример Получим следующий результат: Когда атрибут dir используется в теге , он определяет, как текст будет представлен во всем документе. При использовании в другом теге он управляет направлением текста только для содержимого этого тега. Атрибут langАтрибут lang — позволяет указать основной язык, используемый в документе, но этот атрибут хранится в HTML только для обратной совместимости с более ранними версиями HTML. Этот атрибут был заменен атрибутом xml:lang в новых xhtml-документах. Значения атрибута lang — это стандартные двухсимвольные языковые коды ISO-639. Проверьте коды ISO-639 для языка HTML, перейдите по ссылке для получения полного списка кодов языков. Пример Атрибут xml:langАтрибут xml:lang — это XHTML замена для атрибута lang. Значение атрибута xml:lang должно быть ISO-639 кодом страны, которые указаны выше. Общие атрибутыНиже представлена таблица некоторых других атрибутов, которые можно легко использовать со многими html-тегами.
Мы ещё увидим соответствующие примеры атрибутов при изучении других html-тегов (полный список html-тегов и связанных атрибутов). HTML справочник — дескрипторы и их атрибутыВ таблице представлены наиболее часто употребляемые теги (тэги) html-страницы и их атрибуты. Любознательные веб-мастера могут ознакомиться с более полным Обзором HTML-тегов, в котором дано краткое описание каждого тега с примером использования.
|