Атрибут truespeed в HTML

Содержание

Атрибуты 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.

Бегущая строка

06.11.2009, 11:39

Бегущая строка
Вот код бегущей строки: .

Бегущая строка
Здравствуйте, мне нужно реализовать бегущую строку, сейчас используюю тег , но мне нужно.

Бегущая строка
Бегущая строка обрезается

06.11.2009, 11:53 2

Всё бежит, не надо оперу обижать, она и так глючная, судьбой обиженная.

06.11.2009, 12:16 [ТС] 3 10.11.2009, 08:47 [ТС] 4
10.11.2009, 08:47
10.11.2009, 09:11 5

Вот, выдрал из редактора, сама отсей лишние. Это всё, что есть.
А то, что просишь, наверно скриптом.

10.11.2009, 16:18 6

Вот, ещё нашёл, здесь больше атрибутов описано.
Только это скан, поэтому ошибки сама вылавливай, они тут есть.

Бегущая строка
IE поддерживает тег , который позволяет создать так
называемую бегущую строку, то есть эффект прокручивания текста в заданном
поле. Характеристики бегущей строки задаются следующими атрибутами:
• WIDth — ширина поля бегущей строки в пикселах или процентах от ширины
окна;
• HEIGHT — высота поля бегущей строки(в пикселах);
• HSPACE, VSPACE — интервалы по горизонтали и вертикали между текстом строки и краями ее поля(в пикселах);
• ALIGN — определяет положение текста бегущей строки в ее поле; возможные
аргументы:
() ТОР(вверху);
а BOTTOM(внизу);
О MIDDLE(посередине);
• DIRECTION — определяет направление движения; возможные аргументы:
() LEFT(справа налево);
() RIGHT(слева направо);
• BEHAVIOR — характер движения строки; возможные аргументы:
() SCROLL — текст появляется от одного края и скрывается за другим;
О SLIDE — строка вытягивается из одного края поля и останавливается у другого края;
() ALTERNATE — задает переменное направление движения, от одного края к другому, а затем обратно;

314 Приложение 1. Руководство по динамическому HTML
• LOOP — количество повторений текста в бегущей строке, задаваемое числом;
если необходимо «бесконечное» количество повторений, то следует задать аргумент в виде ключевого слова INFINITY. Атрибут LOOP не влияет на поведение
бегущей строки, если для атрибута BEHAVIOR заданы аргументы ALTERNATE или
SLIDE;
• SCROLLAMOUNT — устанавливает длину в пикселах «прыжка» текста за один такт;
при большом значении этого параметра текст движется рывками, а при малом — замедленно;
• SCROLLDELAY — определяет величину паузы между тактами перемещения текста в миллисекундах;
• BGCOLOR — устанавливает цвет поля бегущей строки, задаваемый шестнадцатеричным числом или именем.
Соотношения между длиной текста, размером шрифта и скоростью перемещения, при которых бегущая строка выглядит приемлемо, подбираются опытным путем.

11.11.2009, 06:11 7

bgcolor=»#99CCFF»//бэкграунд
w //ширина
height=»10″//высота
scrollamount=»6″//скорость

Добавлено через 6 минут
Аналогично через JavaScript (бежит в конце страницы, когда-то использовал именно его):

HTML | Marquee truespeed attribute

If the scrolldelay value less then 60 and truespeed mode is on then the value of scrolldelay is not effecting the scrolling.
If the scrolldelay value more then 60 and truespeed mode is on then the truespeed is not effecting the scrolling. So, basically it is used to set scrollDelay attribute should be taken as an exact value or not.

Syntax:

Attribute value:
There is no value for truespeed. Specifying an arbitrary value has the same effect as specifying it with no value.

5. HTML — Атрибуты

Вы уже знакомы с несколькими html-тегами и их использованием, например теги заголовков

, или тег абзаца

и другие. До сих пор мы использовали их в простейшей форме, но большинство тегов в HTML могут иметь атрибуты, которые являются дополнительными битами информации.

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

    Имя — это свойство, которое Вы хотите установить. Например, элемент абзаца

, в примере ниже, содержит атрибут align, который Вы можете использовать для указания выравнивания абзаца на странице.

  • Значение — это значение, которое Вы хотите установить для свойства. Значение атрибута всегда помещается в кавычки. В приведенном ниже примере показаны три возможных значения атрибута align: left, center и right.
  • Имена и значения атрибутов в HTML не зависят от регистра. Однако консорциум World Wide Web (W3C) рекомендует в своей рекомендации HTML 4 использовать атрибуты и значения атрибутов в нижнем регистре.

    Пример

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

    Содержание

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

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

    Атрибут id

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

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

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

    Атрибут title

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

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

    Пример

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

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

    Атрибут class

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

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

    Атрибут style

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

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

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

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

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

    Атрибут dir

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

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

    Пример

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

    Когда атрибут 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-тегами.

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

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

    HTML справочник — дескрипторы и их атрибуты

    В таблице представлены наиболее часто употребляемые теги (тэги) html-страницы и их атрибуты. Любознательные веб-мастера могут ознакомиться с более полным Обзором HTML-тегов, в котором дано краткое описание каждого тега с примером использования.

    Определение «горячей клавиши» для гиперссылки

    Определяет имя и местоположение объекта гиперссылки

    Служит для именования области Вэб-страницы

    Определяет порядок перехода по гиперссылкам

    Определяет окно для отображения объекта гиперссылки

    Определяет информацию зоны карты ссылок

    Задает текстовый ярлык для зоны карты ссылок

    Задает координаты характерных точек зоны карты ссылок

    Задает имя и местоположение файла, связанного с зоной карты ссылок

    Задает форму зоны карты ссылок

    Задает порядок перехода по зонам карты ссылок

    Признак полужирного начертания текста

    Изменяет внешний вид всего текста

    Изменяет размер шрифта всего текста

    Укрупняет шрифт относительно размера соседнего текста

    Создает блок цитаты

    Тело Вэб-страницы — описывает ее содержимое

    alink, link, vlink

    Опрделеляют цвет гиперссылок

    Определяет графический фон

    Изменяет цвет фона

    Определяет возможность перемещения графического фона при пролистывании страницы

    Изменяет высоту нижнего поля

    Изменяет ширину левого поля

    Изменяет высоту верхнего и нижнего полей

    Изменяет ширину левого и правого полей

    Изменяет ширину правого поля

    Изменяет цвет текста

    Изменяет высоту верхнего поля

    Создает новую строку

    Предотвращает перенос слов текста

    Снабжает таблицу заголовком

    Задает признак выравнивания заголовка таблицы

    Центрирует элемент Web-страницы

    Создает неструктурную группу столбцов таблицы

    Задает признак выравнивания данных в ячейках группы по горизонтали

    Задает цвет фона ячеек группы

    Задает символ, определяющий порядок выравнивания данных в ячейках группы

    Задает количество столбцов в группе

    Задает признак выравнивания данных в ячейках группы по вертикали

    Создает структурную группу столбцов таблицы

    Создает признак выравнивания данных в ячейках группы по горизонтали

    Задает цвет фона ячеек группы

    Задает символ, определяющий порядок выравнивания данных в ячейках группы

    Определяет количество столбцов в группе

    Задает признак выравнивания данных в ячейках группы по вертикали

    Отмечает статью определения в списке определений

    Снабжает текст признаком зачеркивания

    Делит Вэб-страницу на области с целью применения стилей

    Определяет стиль, применяемый для области Вэб-страницы

    Создает список определений

    Отмечает текст термина в списке определений

    Выделяет текст курсивом

    Создает группы элементов формы

    Изменяет внешний вид текста

    Изменяет цвет текста

    Изменяет шрифт текста

    Изменяет размер шрифта

    Задает формат кодировки данных

    Задает место назначения данных формы

    Определяет формат передаваемых данных формы

    Задает способ пересылки данных формы по сети

    Определяет место отображения сообщения о доставке данных формы

    Определяет набор данных фрейма

    изменяет цвет линий рамки фрейма

    Обеспечивает сокрытие рамки фрейма

    Изменяет высоту верхнего и нижнего полей фрейма

    Изменяет ширину левого и правого полей фрейма

    Служит для именования фрейма

    Предотвращает возможность изменения размеров фрейма

    Обеспечивает сокрытие или отображение полос прокрутки фрейма

    Определяет имя и местоположение файла данных, отображаемых фреймом

    Создает набор фреймов

    Изменяет толщину линий рамок фреймов

    изменяет цвет линий рамок фреймов

    Создает столбцы рамок фреймов

    Скрывает рамки фреймов

    Задает толщину линий рамок фреймов

    Создает строки фреймов

    Заголовки разных уровней

    Признак выравнивания заголовка

    Определяет раздел заголовка Вэб-страницы

    Создает горизонтальную линейку

    Признак выравнивания линейки

    Эффект объемности горизонтальной линейки

    Задает толщину линейки

    Задает ширину линейки

    Определяет данные как доккумент HTML

    Признак курсивного начертания текста

    Создает плавающий фрейм

    Вставляет графическое изображение в текст Вэб-страницы

    Задает признаки выравнивания текста относительно изображения

    Отображает альтернативный текст при отсутствии графики

    Заключает изображение в рамку

    Создает внедренный объект видео

    Задает высоту и ширину графического изображения

    Обрамляет графическое изображение полосами чистого пространства

    Создает карту ссылок

    Указывает имя и расположение файла изображения низкого разрешения

    Определяет имя и местоположение файла графического изображения

    Определяет порядок перехода по изображениям

    Атрибуты Marquee

    Статьи о Marquee

    Атрибуты, значения, методы специфичного тэга marquee

    Специфичный html-тэг MARQUEE: Content является расширением HTML от MicroSoft, для создания на веб-страницах, динамического эффекта: автоматический скроллинг, более известный как «бегущая строка». Скроллируется любой контент (Content) помещённый в блок marquee: текст, графика (фото, картинки), тэги, формы, таблицы, слои.
    MARQUEE это блоковый контейнер атрибуты управления и наследования свойств которого, аналогичны атрибутам и наследованиям блоковых контейнеров, таких как DIV, SPAN, P, H и т.п.. Так же в MARQUEE применяются свои специальные атрибуты управления скроллингом, исполняемые, только в этом тэге. Полный перечень атрибутов, свойств и методов MARQUEE, указаны на странице MSDN : Object Marquee
    При генерации бегущей строки html-конструкторами (веб-редакторами), тэг автоматически записывается со значением атрибутов управления скроллинга по умолчанию (default):
    Content
    эта запись равнозначна коду Content , отсутствие атрибутов указывает броузеру выполнять бегущую строку с дефолтными значениями. При создании исходного кода автоскроллинга в текстовых редакторах, указывают только, те атрибуты, значения (параметры) которых необходимо установить отличными от значений заданных по умолчанию.
    При автоматической генерации атрибуты записываются в порядке английского алфавита, при редактировании или написании тэга в текстовых редакторах, алфавитным порядком атрибутов можно пренебречь, на воспроизведение бегущей строки это не влияет, например код:
    Content
    равнозначен коду:
    Content .

    (Прим: Некоторые атрибуты и значения MARQUEE, не выполняются в браузерах с движком отличным от Internet Explorer-MSIE Core)

    MARQUEE объектная модель документа (DOM): [window.]document.getElementById(elementID)
    Примеры:
    останов скроллинга кликом в области прокрутки
    1) Content
    2) Content
    3) Content
    останов скроллинга нажатием виртуальной кнопки
    4) Content
    STOP
    5) Content
    STOP

    Атрибуты скроллинга Marquee.

    direction=»» — атрибут устанавливающий направление скроллинга:
    [window.]document.getElementById(elementID).direction
    Значения:
    left справа налево (по умолчанию)
    right слева направо
    up снизу верх
    down сверху вниз

    behavior=»» атрибут устанавливающий тип скроллинга:
    [window.]document.getElementById(elementID).behavior
    Значения:
    scroll скроллинг в одном из заданных направлений (по умолчанию)
    slide одноразовый скроллинг с остановом контента
    alternate возвратно-поступательный скроллинг

    loop=»» атрибут устанавливающий количество повторений скроллинга:
    [window.]document.getElementById(elementID).loop
    Значения:
    -1 или infinite бесконечное повторение (по умолчанию)
    N любое целое число задаёт соответствующее количество повторений скроллинга в разах

    scrollamaunt=»» атрибут устанавливающий смещение в пикселях отрисовки контента:
    [window.]document.getElementById(elementID).scrollAmount
    Значения:
    запрет отрисовки контента
    1 минимальное смещение в 1 пиксель
    6 смещение в 6 пикселей (по умолчанию)
    N любое положительное целое число задаёт смещение в пикселях.

    scrolldelay=»» атрибут устанавливающий время задержки отрисовки контента в миллисекундах:
    [window.]document.getElementById(elementID).scrollDelay
    Значения:
    скорость отрисовки устанавливается операционной системой (по умолчанию)
    N любое целое число больше 85 (для Windows) задаёт время задержки отрисовки контента в миллисекундах
    1 1 миллисекунда, минимально возможная задержка времени отрисовки при использовании атрибута truespeed

    truespeed дополнительный атрибут позволяющий снять ограничение минимального значения задержки времени отрисовки установленной операционной системой:
    [window.]document.getElementById(elementID).trueSpeed
    Content — в xHTML
    Content — в HTML

    Атрибуты форматирования Marquee

    align=»» атрибут устанавливающий первоначальное положение контента в области скроллинга:
    [window.]document.getElementById(elementID).align
    Значения:
    absbottom абсолютный низ
    absmiddle абсолютная середина
    baseline привязка к базовой линии
    bottom низ
    left слева
    middle в середине
    right справа
    texttop абсолютный верх
    top верх

    w атрибут устанавливающий параметр ширины области скроллинга в пикселях:
    [window.]document.getElementById(elementID).width
    Значения:
    N любое положительное целое число задаёт ширину в пикселях

    height=»» атрибут устанавливающий параметр высоты области скроллинга в пикселях:
    [window.]document.getElementById(elementID).height
    Значения:
    N любое положительное целое число задаёт высоту в пикселях

    hspace=»» атрибут устанавливающий параметры отступа в пикселях от границ контента до вертикальных (правая и левая) границ области скроллинга (по умолчанию ):
    [window.]document.getElementById(elementID).hspace
    Значения:
    N любое целое положительное число задаёт вертикальный отступ в пикселях

    vspace=»» атрибут устанавливающий параметры отступа в пикселях от границ контента до горизонтальных (верхняя и нижняя) границ области скроллинга (по умолчанию ):
    [window.]document.getElementById(elementID).vspace Значения:
    N любое положительное целое число задаёт горизонтальный отступ в пикселях

    bgcolor=»» атрибут устанавливающий параметр цвета пространства (фона) скроллинга:
    [window.]document.getElementById(elementID).bgColor
    задаётся в форматах десятичном или кодовом:
    пример:
    #000000 чёрный в десятичном
    green зеленый в кодовом

    style=»» атрибут указания стиля форматирования области скроллинга и контента:
    [window.]document.getElementsByTagName(«style»)

    атрибут внедрения стиля форматирования области скроллинга и контента.

    Свойства блока Marquee

    datasrc=»» атрибут указывающий на идентификатор объекта связи с базой вызываемого контента #nameID:
    [window.]document.getElementById(elementID).dataSrc

    datafld=»» атрибут указывающий идентификатор ячейки (поля) базы из которой вызывается контент nameFLD:
    [window.]document.getElementById(elementID).dataFld

    dataformatas=»» атрибут указывающий формат вызываемого контента:
    [window.]document.getElementById(elementID).dataFormatAs
    Значения:
    Text контент загружается в исходном формате (по умолчанию)
    HTML контент загружается в html-формате

    идентификатор тега произвольно латиницей, цифрами или их комбинацией.

    title=»» описание произвольно на любом языке.

    lang=»» атрибут указывающий язык текстового контента помещённого в тэг, если он отличается от языка указанного для всего документа:
    [window.]document.getElementById(elementID).lang
    задаётся в стандарте ISO, например: de-немецкий ru-русский

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

    language=»» прямое указание на язык сценария: vbscript, javascript и т.д. При отсутствии этого атрибута выполняется сценарий скриптового языка установленного в браузере по умолчанию.

    Специальные события Marquee

    onbounce=»» выполнение сценария после указанного количества петель (loop) при значении behavior=»alternate»

    onfinish=»» выполнение сценария после останова бегущей строки

    onstart=»» выполнение сценария при старте бегущей строки

    Стандартные события Marquee

    onafterupdate=»» выполнение сценария после загрузки документа

    onload=»» выполнение сценария после полной загрузки блока

    onfocus=»» выполнение сценария при активации элемента

    onblur=»» выполнение сценария при деактивации элемента

    onclick=»» выполнение сценария одним кликом.

    ondblclick=»» выполнение сценария двойным кликом.

    onkeydown=»» выполнение сценария удержанием любой клавиши клавиатуры.

    onkeyup=»» выполнение сценария отпусканием любой клавиши клавиатуры.

    onkeypress=»» выполнение сценария нажатием любой клавиши клавиатуры.

    onmousedown=»» выполнение сценария нажатием левой кнопки мыши.

    onmousemove=»» выполнение сценария перемещением курсора.

    onmouseout=»» выполнение сценария отведением курсора.

    onmouseover=»» выполнение сценария наведением курсора.

    onmouseup=»» выполнение сценария отпусканием левой кнопки мыши.

    Специальные методы Marquee

    start() запуск бегущей строки:
    [window.]document.getElementById(elementID).start()

    stop() останов бегущей строки:
    [window.]document.getElementById(elementID).stop()

    Стандартные методы Marquee

    accessKey действие выполняется сочетанием клавиш Alt + клавиша на клавиатуре (в нижнем регистре):
    document.links.accessKey = «знак клавиши в латинской раскладке»;

    focus() активация диалога:
    [window.]document.getElementById(elementID).focus()

    blur() прекращение диалога:
    [window.]document.getElementById(elementID).blur()

    scrollTop смещение верхней границы контента относительно верхней границы области скроллинга вниз в пикселях при вертикальном скроллинге (0px по умолчанию):
    document.body.scrollTop = N;

    scrollLeft смещение левой границы контента относительно левой границы области скроллинга вправо в пикселях при горизонтальном скроллинге (0px по умолчанию):
    document.body.scrollLeft = N;

    scrollWidth ширина области скроллинга в пикселях:
    var m >

    scrollHeight высота области скроллинга в пикселях:
    var m >

    Модули Marquee в CSS3 (Рекомендация W3C)

    marquee-direction: модуль управления направлением скроллинга

    auto направление скроллинга зависит от установки направления написания текста (по умолчанию)

    forwards направление скроллинга зависит от установки направления написания (по умолчанию справа налево)

    backwards направление скроллинга противоположно установке направления написания (по умолчанию слева направо)

    ahead направление скроллинга зависит от установки направления написания (по умолчанию снизу вверх)

    reverse направление скроллинга зависит от установки направления написания (по умолчанию сверху вниз)

    left скроллинг справа налево

    right скроллинг слева направо

    up скроллинг снизу вверх

    down скроллинг сверху вниз

    marquee-repetition: модуль управления количеством повторений скроллинга

    infinite — бесконечное повторение (по умолчанию)

    N — любое целое положительное число задаёт количество прокруток в разах (отрицательные числа недопустимы)

    marquee-speed: модуль управления скоростью смещения контента

    normal скорость скроллинга устанавливается операционной системой (по умолчанию)

    slow скорость скроллинга ниже normal

    fast скорость скроллинга выше normal

    Npx скорость скроллинга задаётся смещением в пикселях, где N целое положительное или отрицательное число

    Npx/ Τs скорость скроллинга задаётся смещением в пикселях и периодом времени Τ в секундах (значение Τ=0 недопустимо)

    marquee-style: модуль управления типом скроллинга

    alternate возвратно поступательный скроллинг (по умолчанию)

    scroll скроллинг в заданном направлении

    slide одноразовый скроллинг в заданном направлении

    none запрет скроллинга (при установленном overflow:hidden; )

    Атрибуты в HTML. Создание и использование

    Приветствую всех! Сегодня хотелось бы рассказать о том, какие бывают атрибуты в HTML, и какие из них чаще всего используются на практике.

    Понятие атрибута

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

    • Атрибуты со значением
    • Атрибуты без значения
    • Универсальные
    • Специальные
    • Событийные

    Все они разные, но их синтаксис везде примерно одинаковый. Итак, давайте разберём некоторые тонкости работы с атрибутами в HTML.

    Первым этапом в создании атрибута со значением является указание его названия и поле знака = его значения. В случае же создания атрибута без значения мы просто указываем название атрибута, которое как правило в нем уже содержит свою основную функцию (например hidden который прячет элементы). Для одного тега можно задать несколько атрибутов, при этом разделять их между собой нужно знаком пробела.

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

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

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

    Так, например, атрибут class может иметь сразу несколько значений.

    Универсальные атрибуты

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

    Вот ещё несколько редких универсальных атрибутов:

    • contenteditable — сообщает браузеру что элемент может быть редактирован пользователем. Значения — true или false
    • dir — бесполезный атрибут, который делает зеркальным текст элемента, для которого он применен (вообще бесполезный атрибут). Значения — ltr или rtl
    • spellcheck — сообщает браузеру проверять ли на орфографию содержимое тега. Используется в основном для тегов input и textarea. Значения — yes или no

    Специальные атрибуты

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

    • src=»путь до файла» — позволяет указать путь до файлов. Используется в тегах script и img.
    • href=»ссылка» — используется для указания пути ссылкам и мета тегам meta.

    Событийные атрибуты

    Данный вид атрибутов завязан на знании JavaScript-а и работает он напрямую с ним. Для чего это нужно? Ну к примеру Вы ходите при клике на блок с текстом изменить его фоновый цвет на серый. Все, что Вам нужно это задать этому тегу атрибут onclick. Нагляднее это можно увидеть на примере:

    Кроме onclick на практике часто используются следующие атрибуты событий:

    • onchange — это событие запустит скрипт, если был изменён элемент. Обычно это текстовые поля, списки, или текстовые области.
    • onfocus — срабатывает в момент фокусировки на каком-либо элементе. Как пример, все поля формы на моем сайте изменяют свое оформление при фокусировке на них
    • onsubmit — событие сработает при отправке формы. Как правило это случается когда пользователь отправляет форму нажав на кнопку.
    • onkeydown — событие срабатывает, когда была нажата клавиша на клавиатуре.

    Работая с этим типом атрибутов, нужно помнить, что они хорошо подходят для быстрого тестирования ваших скриптов, а так же для указания небольших и понятных функций. Что-то более сложное рациональнее писать в отдельных блоках скриптов. Задать тоже событие onclick тегу можно и без использования специального атрибута, а в отдельном javascript файле.

    На этом хотелось бы закончить наше знакомство с HTML атрибутами. Если есть какие-либо мысли по поводу их применения на практике пишите в коменты. Всем удачи и до скорого!

    dmkweb.ru Права на контент защищены.

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

    Илон Маск рекомендует:  Что такое код mb_eregi_replace
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL
    Наименование дескриптора/атрибута Описание