Атрибут hspace в HTML


Содержание

Не работает hspace в картинке

Не работает отступ от текста до картинки по горизонтали от текста до картинки не отступается 50 пикселей,хотя работает в Ие, в других не работает, подскажите как убрать?

В этом месте делаю отступы.

Вложения

sitik.ru.rar (170.6 Кб, 9 просмотров)
13.09.2010, 17:16

Не работает относительная ссылка к картинке
Файл с кодом лежит в: \themes\royal2\framework\theme-functions.php Картинка лежит в.

По картинке
Грузик подвешеный на нити, совершает свободные колебания между точками A и С. Как направлен вектор.

Перекрестие на картинке
На странице есть много картинок разного размера требуется чтобы на каждой картинке при попадании.

Задачи на картинке
А ещё сможете вот эти 2 задания глянуть?

Путь к картинке
Создаю картинку и относительный путь не хочет работать. Папка создана, картинка положена. Если.

Атрибут hspace в HTML

Learn HTML Code, Tags & CSS

Sharing is caring!

Code Example

The Old Way to Control Image Spacing

Prior to the HTML5 specification, you could control the spacing around an image using the hspace (horizontal space) and ‘vspace’ (vertical space) attributes. This was particularly important if you were wrapping text around images using the (also deprecated) align attribute, as the default display behavior caused the text to collide with the edge of the image in a really unattractive way.

This text will flow to the right of the image, but it will not look very good because there is no margin or spacing on the image or the text. This problem can be solved using the deprecated hspace attribute, but a better approach would be to use CSS to put margins on the image.

This text will also flow to the right of the image, but it will look better, because there is space added to the side of the image, using the deprecated hspace attribute. But now we have another problem — I don’t want space on the other side of the image! This is one of many reasons why CSS margins are better.

The Right Way (with CSS)

The right way to add appropriate spacing to an image (or anything else) is to use CSS. In this case, there are at least four ways to do it that will accomplish the right look:

  • margin on the image
  • margin on the text
  • padding on the image
  • padding on the text

But even though all of these will look right, only one of them is really the right way to approach it. The idea of putting the spacing on the text should raise a red flag. It doesn’t make sense because that would cause the text to be spaced away from the inside of its containing element, which (presumably) is already set with the appropriate padding. Also, what element would you place the padding or margin on in order to adjust the text’s spacing? A block of text is just a collection of elements: paragraphs tags, lists, unstructured text. The image is clearly the right place to think about it. So should it be the margin or the padding. Either would accomplish the same thing in this case, so the question is really about the difference between margin and padding. Margins should be used to create space between to elements. Padding should be used to create space between the edge of an element and its own contents. Since we want to create space between the text and the image, placing a margin on the image is the right way to go. Using CSS classes provides another benefit, too — we can distinguish between images placed on the right and images placed on the left, and set appropriate margins on only the side that is needed. Then we can apply those left and right classes to several images without having to repeat the same code over and over.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam grav >

Quisque scelerisque, nulla at rhoncus tempus, tortor tellus ultricies velit, et cursus ante enim eu dolor. Sed pharetra, turpis at posuere iaculis, nunc est ultricies diam, ut varius erat mi eget tellus. Suspendisse sollicitudin tellus vel lectus ornare aliquam. Suspendisse ut suscipit odio. Ut laoreet, mi non vehicula mattis, risus mauris tempus sapien, sed porttitor felis dui nec ex. Sed porttitor sodales elit. Duis tincidunt tellus magna, efficitur consequat orci dignissim a. Fusce justo elit, efficitur eu velit in, sagittis vestibulum dolor. Donec sollicitudin, eros a venenatis malesuada, metus ante condimentum nisi, et viverra purus nisi in arcu. Donec congue est quis justo lacinia, et accumsan sapien ullamcorper. Mauris et odio ultricies nisi pellentesque aliquam. Curabitur massa eros, laoreet at dui eu, vehicula efficitur elit. Fusce imperdiet sit amet velit sed condimentum. Etiam nec augue lorem. In dignissim aliquet sem.

Not just for Text Wrapping

The other reason you might have wanted to use hsides was if you had several images next to each other, and you wanted to put some space between each one.

Изображения в HTML

Д ля вставки изображений в HTML применяются два основных формата GIF и JPEG. Формат GIF может хранить внутри себя простейшую анимацию ( динамические баннеры ), JPEG отлично подходит для изображений с большим количеством цветов, например фотографий. Третьим форматом для web-графики является формат PNG, но он не получил широкого применения в web-дизайне. Любое изображение в форматах GIF или JPEG вставляется на web-страницу при помощи тега , закрывающего тега нет.

Содержание:

Атрибут SRC

Посредством атрибута src задается адрес (URL) файла с изображением, т.е. браузер находит нужное изображение в каталоге сайта по пути (адресу URL), прописанному в этом атрибуте. Для удобства все изображения сайта находятся в отдельной папке, обычно с именем image. Для примера возьми любое изображение, лучше небольшого формата, и сохрани в созданной папке image, с именем primer.jpg. Далее мы будем обращаться к ней для обучения.

Ну что, попробуем вставить картинку на страницу? Пишем код (путь — URL, прописывается в зависимости от местонахождения папки с изображениями):

Теперь попробуем вставить изображение с текстом:

Текст в который просто вставлена картинка. Обтекание не задано.

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

Выравнивание изображений

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

Горизонтальное выравнивание и соответственно обтекание задается так же уже знакомыми тебе значениями left, center и right. Посмотрим на примере кода:

Браузет отобразит код так:

Текст в который просто вставлена картинка. Задано расположение изображения у левого края страницы, текст обтекает справа.

Пример кода с расположением у правого края:

В браузере будет выглядеть так:

Текст в который просто вставлена картинка. Задано расположение изображения у правого края страницы, текст обтекает слева.

С вертикальным выравниванием ты еще не знаком, сейчас рассмотрим и его. Задается оно так же тремя значениями — вертикальное выравнивание по центру middle, по верху top и по низу bottom базовой линии (линией, на которой расположен текст текущей строки).

Текст в который просто вставлена картинка. Задано расположение по центру.

Задаем отступы. Атрибуты HSPACE и VSPACE

Кроме способа выравнивания и обтекания текстом, для изображения можно задать поля отступов, которые не будут заняты текстом при обтекании. Задаются отступы двумя атрибутами: vspace — верхний и нижний, hspace — левый и правый. Значения задаются в пикселях. Например задаем выравнивание для изображения по левому краю и отступы слева и справа — 35px, сверху и снизу — 25px, пишем код:

Текст в который просто вставлена картинка. Задано расположение изображения у левого края страницы, текст обтекает справа.

Задаем рамку. Атрибут BORDER

В HTML можно задать рамку, определенной толщины, вокруг изображения. Делается это с помощью атрибута border, значение которого задается в пикселях. Единственный минус в том, что цвет рамки будет черным, а изменить его средствами HTML никак нельзя. Но можно заранее на изображении, в графическом редакторе, выполнить рамку произвольного цвета. Если этот вариант неподходит, тогда помогут каскадные таблицы стилей CSS. Посмотрим пример написания кода вставки изображения с рамкой:

На странице отобразится:

Текст в который просто вставлена картинка. Расположение по центру.

Изображения — ссылки

Изображения могут быть не только приемом web-дизайна, но и гиперссылками на другие web-страницы. Делается это точно так же, как с текстом, при помощи того самого тега . В тег просто включается тег нужного изображения и вперед, по просторам гиперпространства. Лучше всего к такой ссылке (как и к любой гиперссылке) добавить тег title, так как это дает дополнительную информацию да и поисковые системы одобряют. Ну что, пишем код:

Альтернативный текст. Атрибут ALT

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

Увидеть это можно только выключив отображение изображений в браузере.

Задаем размер. Атрибуты WIDTH и HEIGHT

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

Задаются размеры изображения тегами width — ширина и height — высота, значения задаются как в пикселях, так и в процентах от ширины экрана (с процентами очень осторожно). Смотрим код:

Заключение

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

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

Атрибут ALT имеет очень важное значение, добавлять его необходимо для каждого тега IMG. Содержание текстового сообщения должно очень точно описыать изображение, причем кратко.

Изображения на web-странице должны соответствовать текстовому содержанию.

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

После изучения этого раздела уже можно опробовать себя в качестве web-мастера и создать полноценную HTML — страницу. А далее перейдем к вставке средств мультимедиа.

Атрибут hspace в HTML

Тег вставляет изображение в документ HTML.

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

У тега два обязательных атрибута: src и alt.

Разница между HTML и XHTML

В HTML тег не имеет закрывающего тега.

В XHTML тег должен быть правильно закрыт.

Атрибуты «align», «border», «hspace», и «vspace» элемента img устарели и не поддерживаются в XHTML 1.0 Strict.

Советы и примечания

Совет: Атрибут alt используется как альтернативный текст в случае отсутствия изображения, а не как текст при наведении мышки. Для показа текста при наведении мышки на изображение используйте атрибут title. Вот так: .

HTML. Лекция 4. Графика.

В этой лекции рассматриваются принципы применения графических образов при HTML-разметке.

Использование графики в HTML

Для того чтобы вставить в Web-страницу изображение, необходимо либо нарисовать его, либо взять уже готовое. В любой программе рисования можно создать простое изображение и сохранить его в нужном формате. Если программа этот формат не поддерживает, необходимо преобразовать файл в требуемый формат. Существует множество программ, предназначенных для преобразования одного графического формата в другой. Позаимствовать же картинки можно из различных программных пакетов или с других Web-страниц в Internet, содержащих библиотеки свободного доступа художественных изображений. Когда браузер выводит Web-страницу с изображением, соответствующий графический файл временно хранится в памяти компьютера. В большинстве браузеров есть команда, позволяющая сохранить файл на локальном диске. Существует также множество других вариантов получения графических файлов.

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

  • логотип компании на деловой странице;
  • графика для рекламного объявления;
  • различные рисунки;
  • диаграммы и графики;
  • художественные шрифты;
  • подпись автора страницы;
  • применение графической строки в качестве горизонтальной разделительной линии;
  • применение графических маркеров для создания красивых маркированных списков.

Теперь рассмотрим как вставить изображение в Web-страницу. Тегом HTML, который заставляет браузер выводить изображение, является с обязательным атрибутом SRC (SouRCe, источник). Имя файла представляет собой имя выводимого графического файла. Замыкающего тега не требуется.

Пример вставки изображения:

Изображения на Web-странице могут использоваться в качестве гипертекстовых ссылок, как и обычный текст. Читатель щелкает на изображении и отправляется на другую страницу или переходит к другому изображению. Для обозначения изображения как гипертекстовой метки используется тот же тег , что и для текста, но между и вставляется тег изображения :

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

Атрибуты и их аргументы. Тег изображения имеет один обязательный атрибут SRC и необязательные: ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER, WIDTH, HEIGHT.

Атрибут SRC

Указывает файл изображения и путь к нему; изображение должно быть загружено в браузер и размещено в том месте документа, где расположен тег изображения.

Атрибут ALT

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

Атрибут АLIGN

Определяет положение изображения относительно окружающего его текста. Возможные значения аргумента — [«top» | «middle» | «bottom»] (соответственно, «вверху», «посередине», «внизу»).

ALIGN=»top» выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста.

ALIGN=»middle» выравнивает центр изображения по базовой линии строки окружающего текста.

ALIGN=»bottom» выравнивает нижний край изображения по базовой линии строки окружающего текста.

Кроме основных значений атрибута ALIGN=»ключевое слово» существует еще ряд аргументов, которые расширяют возможности взаимного размещения графики и текста. Рассмотрим их подробнее.

Дополнительные возможные значения аргумента — [«left» | «right» | «top» | «texttop» | «middle» |»absmiddle» | «baseline» | «bottom» | «absbottom» ].

ALIGN=»left» определяет огибаемое текстом изображение. Изображение располагается вдоль левой границы документа, а последующие строки текста огибают его справа.

ALIGN=»right» определяет огибаемое текстом изображение. Изображение располагается вдоль правой границы документа, а последующие строки текста огибают его слева.

ALIGN=»top» выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста точно так же, как при использовании стандартного набора атрибутов.

ALIGN=»texttop» выравнивает верх изображения по верхнему краю самого высокого текстового символа в строке окружающего текста. Действие этого аргумента в большинстве случаев, но не всегда, подобно действию аргумента ALIGN=»top».

ALIGN=»middle» выравнивает центр изображения по базовой линии строки окружающего текста точно так же, как при использовании стандартного набора атрибутов.

ALIGN=»absmiddle» выравнивает центр изображения по центру строки окружающего текста.

ALIGN=»baseline» выравнивает нижний край изображения по базовой линии строки окружающего текста, то есть производит такое же действие, как и ALIGN=»bottom».

ALIGN=»bottom» выравнивает нижний край изображения по базовой линии строки окружающего текста точно так же, как при использовании стандартного набора атрибутов.

ALIGN=»absbottom» выравнивает нижний край изображения по нижнему краю строки окружающего текста.

Атрибут USEMAP

Если присутствуют атрибут USEMAP и тег , изображение становится чувствительной картой, или «графическим меню». Если щелкнуть кнопкой мыши на активной области изображения, для которого определен атрибут USEMAP, произойдет гипертекстовый переход к информационному ресурсу, установленному для этой области. Более подробно этот вопрос будет рассматриваться в следующем разделе.

Атрибут BORDER

Целочисленное значение аргумента определяет толщину рамки вокруг изображения. Если значение равно нулю, рамка отсутствует. Чтобы не вводить пользователей в заблуждение, не стоит задействовать BORDER=0 в изображениях, которые представляют собой часть элемента якоря, поскольку рисунки, применяемые в качестве гиперссылок, обычно выделяются цветной рамкой.

Атрибут HSPACE

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

Атрибут VSPACE

Целочисленное значение этого атрибута задает вертикальное расстояние между строками текста и изображением.

Атрибуты WIDTH и HEIGHT

Оба атрибута задают целочисленные значения размеров изображения по горизонтали и по вертикали соответственно. Это позволяет уменьшить время загрузки страницы с графикой. Браузер сразу отводит рамку для изображения и продолжает загружать текст на страницу. Пока загружается графика, пользователь может начать читать текст. Определить размер изображения нетрудно, для этого достаточно воспользоваться любой программой просмотра графических файлов, например ACDSee или графическим редактором Corel PhotoPaint или Adobe Photoshop. Откройте файл в графическом редакторе и определите размер картинки в пикселах. В теге изображения следует указать ширину и высоту картинки.

Форматы графических файлов

Самыми распространенными графическими форматами в Web являются GIF и JPEG. GIF — наиболее подходящий формат для обмена изображениями между системами. Архивы с изображениями в формате GIF можно найти на многих серверах Internet. Данный формат поддерживают многие графические приложения, в том числе все программы просмотра графики World Wide Web.

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

Формат GIF использует один из лучших алгоритмов сжатия LZW, который изначально не предназначался специально для графики. Он не очень подходит для работы с двухцветными (черно-белыми) или фотографическими изображениями.

С развитием аппаратного обеспечения, поддерживающего высокое разрешение и богатую цветовую гамму, графические файлы значительно увеличились в размерах. Профессиональные художники теперь, как правило, работают с файлами, содержащими 10 и более мегабайт данных на каждое изображение. Даже пользователи с более скромными запросами подчас имеют дело с изображениями 640 на 480 пикселов в 256 цветах (а это более 300 килобайт). Кроме того, многие сейчас начинают работать с полноцветными изображениями 1024 на 768 пикселов (это более 2,3 мегабайт данных). Так как высококачественные изображения встречаются все чаще, ограничения, накладываемые традиционными методами сжатия (например, LZW), становятся все более ощутимыми.

Для поиска оптимального способа сжатия изображений фотографического качества две международные организации по стандартизации, International Telecommunications Union (ITU, Международный союз телекоммуникаций) и International Organization for Standartization (ISO, Международная организация по стандартизации), создали Joint Photographic Experts Group (JPEG, объединенная экспертная группа по фотографии). С тех пор сокращение «JPEG» используется как название этой техники сжатия. Кроме того, оно входит в названия некоторых использующих ее файловых форматов.

Имя JPEG указывает на метод сжатия, но не на формат файла. На самом деле метод сжатия JPEG используют как многочисленные мало различающиеся форматы, зачастую известные, например «JPEG», так и единичные радикально отличающиеся форматы, такие как TIFF и Quick Time. К счастью, все же большинство форматов, известных под именем «JPEG», очень похожи, и, скорее всего, у вас не возникнет с этим проблем, однако знать о возможных осложнениях не помешает.

Формат JPEG отличается от других графических форматов прежде всего тем, что он использует метод сжатия «с потерями». JPEG частично идентифицирует и удаляет ту информацию, которая несущественна для восприятия изображения. В результате JPEG может достигать высокого уровня сжатия без заметных потерь в качестве изображения.

Метод сжатия «с потерями» имеет много реализаций. JPEG достигает существенного сжатия за счет отбрасывания той графической информации, которая обычно не проявляется в реальных изображениях. Однако при сжатии с помощью JPEG изображений с четкими контурами линии начинают заметно «дрожать». Так, например, если изображение содержит какие-либо подписи, подобный эффект может возникнуть вокруг символов. Этот эффект можно свести к минимуму, задав очень высокие значения параметра качества, однако при этом нельзя достичь приемлемых показателей сжатия.

Так как JPEG предполагает сжатие с потерями, при создании файлов необходимо быть внимательным. Большинство программ, создающих такие файлы, позволяют задавать значение параметра качества изображения. Обычно оно варьирует от нуля до ста. Нижние значения позволяют при сжатии JPEG отбрасывать больше информации, в результате чего получаются файлы меньшего размера. В свою очередь, высокие значения ограничивают количество информации, которой можно пренебречь во время сжатия.

Одна из наиболее распространенных ошибок заключается в интерпретации значения параметра качества от нуля до ста как процента сохраняемых данных. Чтобы развеять это заблуждение, некоторые современные программные продукты JPEG просто используют шкалу «лучшее сжатие» — «лучшее качество».

Хитрость заключается в том, чтобы при наименьшей величине параметра качества получить изображение без видимого его ухудшения. Лучше начинать со средних значений и внимательно оценивать результат. Если вы отмечаете некоторое ухудшение, попробуйте увеличить значение параметра, если нет — попытайтесь его уменьшить. При просмотре изображения обращайте внимание на следующие моменты: четкость очертаний и углов, например вокруг текста, или контур детали изображения, выделяющейся на общем фоне. Часто бывает заметно, что контур «смазан» или линия «дрожит».

Сжатие JPEG использует мозаику размером восемь на восемь пикселов. Если задаются слишком низкие значения качества, ее границы могут стать заметны. Если у вас уже есть изображения в GIF или другом восьмиразрядном формате, возможно, вы захотите попробовать конвертировать их в JPEG. Несмотря на то, что иногда это все же приводит к уменьшению необходимого для хранения файлов пространства, в большинстве случаев игра не стоит свеч. Если вы все же хотите попытаться, сначала выясните, сколько цветов использует изображение GIF. Если в нем только 64 цвета, то конверсия вряд ли себя оправдает, так как изображение с такой бедной цветовой палитрой не имеет тех плавных цветовых переходов, которые хорошо сжимает JPEG. В результате вы просто ухудшите качество изображения, не освободив места.

Одна из серьезных проблем конверсии изображений GIF в JPEG заключается в том, что изображения в формате GIF, лимитированные набором из 256 (или менее) цветов, часто используют клиширование (dithering) и полутона (halftoning), в результате чего пикселы двух цветов смешиваются для получения эффекта третьего тона. В результате использования этой техники образуются шаблоны, крайне плохо сжимаемые с помощью JPEG. Отдельные программы позволяют усреднять значения этих шаблонов, «смягчая» таким образом изображение до преобразования, в результате чего сжатие с помощью JPEG оказывается более эффективным.

Активные изображения

Активные изображения (image maps), или изображения, чувствительные к щелчкам мыши, позволяют создать на узле графические меню произвольной формы. Активное изображение — это изображение с так называемыми активными областями (hot spots), которые ссылаются на URL других страниц или узлов.

Есть два метода формирования активных изображений: на сервере и у клиента. Изображения первого типа используют сервер для того, чтобы найти соответствующий данной активной области URL и передать на браузер нужную страницу. Активные изображения, работающие на клиентской машине, задают информацию об активной области на НТМL-странице, так что браузер сам выясняет, какие области являются активными, и запрашивает с сервера соответствующую страницу.

Активные изображения, работающие у клиента, имеют несколько преимуществ. Во-первых, страницы с ними можно перенести на другой сервер. Во-вторых, серверу не приходится выполнять лишнюю работу (например, просматривать всю информацию об активных областях), то есть нагрузка на сервер уменьшается. При использовании работающих на сервере активных изображений в каталоге сgi-bin сервера должен быть соответствующий сценарий. Из соображений безопасности многие системные администраторы не записывают сценарии в каталог сgi-bin. Поэтому более подробно мы рассмотрим создание активных изображений у клиента.

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

Илон Маск рекомендует:  Что такое код ovrimos_connect

Определить карту легко. Нужно открыть в МарEdit HTML-файл, содержащий изображение, на котором требуется создать активные области, после чего выбранное изображение будет загружено в рабочее окно. Затем следует выбрать тип активной области (квадрат, треугольник и круг), щелкнуть и потянуть мышкой, обозначив границу области. Программа автоматически производит запись в HTML-файл, описывающий границы активной области. Затем этой области нужно приписать URL. В любых местах изображения можно нарисовать активные области и определить для каждой из них URL. Важно оставлять между областями немного места, чтобы при чтении быть уверенным, что активизируется правильная ссылка. Границы активных областей задаются координатами углов прямоугольника и многоугольника или центра и радиуса круга. Если вы решили делать активное изображение у клиента, Map Edit поставляет данные только для тегов . Вам придется самим задать тег изображения с атрибутом USEMAP и поместить его после тега
. Не забудьте перед именем карты в
атрибуте USEMAP записать символ «#» следующим образом:

Активные изображения у клиента работают независимо от программного обеспечения сервера и не перестанут функционировать, даже если файлы будут перенесены на другой сервер. Таким изображениям требуются только две вещи: браузер, поддерживающий HTML 3.0, и информация о карте, записанная в HTML-файле. Приведем пример активных изображений.

Изображения в миниатюре

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

не работает hspace и vspace в mozille

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Войти

Уже зарегистрированы? Войдите здесь.

Статистика пользователей

Сейчас на странице 0 пользователей

Нет пользователей, просматривающих эту страницу.

Спрашивают сейчас

Автор: npofopr
Создана 18 октября

Автор: digenis
Создана 17 часов назад

Автор: envoleon
Создана Суббота в 11:42

html iframe и vspace и атрибут hspace

Хорошо, у меня есть экзамен в пятницу на html-основах, единственная проблема, которая у меня до сих пор заключается в том, что атрибут hspace и vspace в сочетании с iframe, это просто не дает мне пространства между iframe и текстом рядом с ним. если он пытается с изображением, он работает супер. Приведу пример.

дает мне 10 пикселей пробела дает мне ifram слева от текста (что я хочу), но он не дает мне 10 px пробелов

мы не можем использовать html в этом тесте. Может кто-нибудь, пожалуйста, помогите мне? Благодарю!

Элемент iframe никогда не имел атрибутов hspace и vspace или что-то в этом роде в любой спецификации или реализации.

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

Но если вам нужно расстояние, например, только справа от элемента iframe , вы можете использовать другой трюк таблицы, с шириной ячейки 10px между ним и текстом. Обратите внимание, что это влияет на общий макет, так как теперь у вас есть материал в таблице.

HTML. Лекция 4. Графика.

В этой лекции рассматриваются принципы применения графических образов при HTML-разметке.

Использование графики в HTML

Для того чтобы вставить в Web-страницу изображение, необходимо либо нарисовать его, либо взять уже готовое. В любой программе рисования можно создать простое изображение и сохранить его в нужном формате. Если программа этот формат не поддерживает, необходимо преобразовать файл в требуемый формат. Существует множество программ, предназначенных для преобразования одного графического формата в другой. Позаимствовать же картинки можно из различных программных пакетов или с других Web-страниц в Internet, содержащих библиотеки свободного доступа художественных изображений. Когда браузер выводит Web-страницу с изображением, соответствующий графический файл временно хранится в памяти компьютера. В большинстве браузеров есть команда, позволяющая сохранить файл на локальном диске. Существует также множество других вариантов получения графических файлов.

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

  • логотип компании на деловой странице;
  • графика для рекламного объявления;
  • различные рисунки;
  • диаграммы и графики;
  • художественные шрифты;
  • подпись автора страницы;
  • применение графической строки в качестве горизонтальной разделительной линии;
  • применение графических маркеров для создания красивых маркированных списков.

Теперь рассмотрим как вставить изображение в Web-страницу. Тегом HTML, который заставляет браузер выводить изображение, является с обязательным атрибутом SRC (SouRCe, источник). Имя файла представляет собой имя выводимого графического файла. Замыкающего тега не требуется.

Пример вставки изображения:

Изображения на Web-странице могут использоваться в качестве гипертекстовых ссылок, как и обычный текст. Читатель щелкает на изображении и отправляется на другую страницу или переходит к другому изображению. Для обозначения изображения как гипертекстовой метки используется тот же тег , что и для текста, но между и вставляется тег изображения :

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

Атрибуты и их аргументы. Тег изображения имеет один обязательный атрибут SRC и необязательные: ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER, WIDTH, HEIGHT.

Атрибут SRC

Указывает файл изображения и путь к нему; изображение должно быть загружено в браузер и размещено в том месте документа, где расположен тег изображения.

Атрибут ALT

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

Атрибут АLIGN

Определяет положение изображения относительно окружающего его текста. Возможные значения аргумента — [«top» | «middle» | «bottom»] (соответственно, «вверху», «посередине», «внизу»).

ALIGN=»top» выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста.

ALIGN=»middle» выравнивает центр изображения по базовой линии строки окружающего текста.

ALIGN=»bottom» выравнивает нижний край изображения по базовой линии строки окружающего текста.

Кроме основных значений атрибута ALIGN=»ключевое слово» существует еще ряд аргументов, которые расширяют возможности взаимного размещения графики и текста. Рассмотрим их подробнее.

Дополнительные возможные значения аргумента — [«left» | «right» | «top» | «texttop» | «middle» |»absmiddle» | «baseline» | «bottom» | «absbottom» ].

ALIGN=»left» определяет огибаемое текстом изображение. Изображение располагается вдоль левой границы документа, а последующие строки текста огибают его справа.

ALIGN=»right» определяет огибаемое текстом изображение. Изображение располагается вдоль правой границы документа, а последующие строки текста огибают его слева.

ALIGN=»top» выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста точно так же, как при использовании стандартного набора атрибутов.

ALIGN=»texttop» выравнивает верх изображения по верхнему краю самого высокого текстового символа в строке окружающего текста. Действие этого аргумента в большинстве случаев, но не всегда, подобно действию аргумента ALIGN=»top».

ALIGN=»middle» выравнивает центр изображения по базовой линии строки окружающего текста точно так же, как при использовании стандартного набора атрибутов.

ALIGN=»absmiddle» выравнивает центр изображения по центру строки окружающего текста.

ALIGN=»baseline» выравнивает нижний край изображения по базовой линии строки окружающего текста, то есть производит такое же действие, как и ALIGN=»bottom».

ALIGN=»bottom» выравнивает нижний край изображения по базовой линии строки окружающего текста точно так же, как при использовании стандартного набора атрибутов.

ALIGN=»absbottom» выравнивает нижний край изображения по нижнему краю строки окружающего текста.

Атрибут USEMAP

Если присутствуют атрибут USEMAP и тег , изображение становится чувствительной картой, или «графическим меню». Если щелкнуть кнопкой мыши на активной области изображения, для которого определен атрибут USEMAP, произойдет гипертекстовый переход к информационному ресурсу, установленному для этой области. Более подробно этот вопрос будет рассматриваться в следующем разделе.

Атрибут BORDER

Целочисленное значение аргумента определяет толщину рамки вокруг изображения. Если значение равно нулю, рамка отсутствует. Чтобы не вводить пользователей в заблуждение, не стоит задействовать BORDER=0 в изображениях, которые представляют собой часть элемента якоря, поскольку рисунки, применяемые в качестве гиперссылок, обычно выделяются цветной рамкой.

Атрибут HSPACE

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

Атрибут VSPACE

Целочисленное значение этого атрибута задает вертикальное расстояние между строками текста и изображением.

Атрибуты WIDTH и HEIGHT

Оба атрибута задают целочисленные значения размеров изображения по горизонтали и по вертикали соответственно. Это позволяет уменьшить время загрузки страницы с графикой. Браузер сразу отводит рамку для изображения и продолжает загружать текст на страницу. Пока загружается графика, пользователь может начать читать текст. Определить размер изображения нетрудно, для этого достаточно воспользоваться любой программой просмотра графических файлов, например ACDSee или графическим редактором Corel PhotoPaint или Adobe Photoshop. Откройте файл в графическом редакторе и определите размер картинки в пикселах. В теге изображения следует указать ширину и высоту картинки.

Форматы графических файлов

Самыми распространенными графическими форматами в Web являются GIF и JPEG. GIF — наиболее подходящий формат для обмена изображениями между системами. Архивы с изображениями в формате GIF можно найти на многих серверах Internet. Данный формат поддерживают многие графические приложения, в том числе все программы просмотра графики World Wide Web.

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

Формат GIF использует один из лучших алгоритмов сжатия LZW, который изначально не предназначался специально для графики. Он не очень подходит для работы с двухцветными (черно-белыми) или фотографическими изображениями.

С развитием аппаратного обеспечения, поддерживающего высокое разрешение и богатую цветовую гамму, графические файлы значительно увеличились в размерах. Профессиональные художники теперь, как правило, работают с файлами, содержащими 10 и более мегабайт данных на каждое изображение. Даже пользователи с более скромными запросами подчас имеют дело с изображениями 640 на 480 пикселов в 256 цветах (а это более 300 килобайт). Кроме того, многие сейчас начинают работать с полноцветными изображениями 1024 на 768 пикселов (это более 2,3 мегабайт данных). Так как высококачественные изображения встречаются все чаще, ограничения, накладываемые традиционными методами сжатия (например, LZW), становятся все более ощутимыми.

Для поиска оптимального способа сжатия изображений фотографического качества две международные организации по стандартизации, International Telecommunications Union (ITU, Международный союз телекоммуникаций) и International Organization for Standartization (ISO, Международная организация по стандартизации), создали Joint Photographic Experts Group (JPEG, объединенная экспертная группа по фотографии). С тех пор сокращение «JPEG» используется как название этой техники сжатия. Кроме того, оно входит в названия некоторых использующих ее файловых форматов.

Имя JPEG указывает на метод сжатия, но не на формат файла. На самом деле метод сжатия JPEG используют как многочисленные мало различающиеся форматы, зачастую известные, например «JPEG», так и единичные радикально отличающиеся форматы, такие как TIFF и Quick Time. К счастью, все же большинство форматов, известных под именем «JPEG», очень похожи, и, скорее всего, у вас не возникнет с этим проблем, однако знать о возможных осложнениях не помешает.

Формат JPEG отличается от других графических форматов прежде всего тем, что он использует метод сжатия «с потерями». JPEG частично идентифицирует и удаляет ту информацию, которая несущественна для восприятия изображения. В результате JPEG может достигать высокого уровня сжатия без заметных потерь в качестве изображения.

Метод сжатия «с потерями» имеет много реализаций. JPEG достигает существенного сжатия за счет отбрасывания той графической информации, которая обычно не проявляется в реальных изображениях. Однако при сжатии с помощью JPEG изображений с четкими контурами линии начинают заметно «дрожать». Так, например, если изображение содержит какие-либо подписи, подобный эффект может возникнуть вокруг символов. Этот эффект можно свести к минимуму, задав очень высокие значения параметра качества, однако при этом нельзя достичь приемлемых показателей сжатия.

Так как JPEG предполагает сжатие с потерями, при создании файлов необходимо быть внимательным. Большинство программ, создающих такие файлы, позволяют задавать значение параметра качества изображения. Обычно оно варьирует от нуля до ста. Нижние значения позволяют при сжатии JPEG отбрасывать больше информации, в результате чего получаются файлы меньшего размера. В свою очередь, высокие значения ограничивают количество информации, которой можно пренебречь во время сжатия.

Одна из наиболее распространенных ошибок заключается в интерпретации значения параметра качества от нуля до ста как процента сохраняемых данных. Чтобы развеять это заблуждение, некоторые современные программные продукты JPEG просто используют шкалу «лучшее сжатие» — «лучшее качество».

Хитрость заключается в том, чтобы при наименьшей величине параметра качества получить изображение без видимого его ухудшения. Лучше начинать со средних значений и внимательно оценивать результат. Если вы отмечаете некоторое ухудшение, попробуйте увеличить значение параметра, если нет — попытайтесь его уменьшить. При просмотре изображения обращайте внимание на следующие моменты: четкость очертаний и углов, например вокруг текста, или контур детали изображения, выделяющейся на общем фоне. Часто бывает заметно, что контур «смазан» или линия «дрожит».

Сжатие JPEG использует мозаику размером восемь на восемь пикселов. Если задаются слишком низкие значения качества, ее границы могут стать заметны. Если у вас уже есть изображения в GIF или другом восьмиразрядном формате, возможно, вы захотите попробовать конвертировать их в JPEG. Несмотря на то, что иногда это все же приводит к уменьшению необходимого для хранения файлов пространства, в большинстве случаев игра не стоит свеч. Если вы все же хотите попытаться, сначала выясните, сколько цветов использует изображение GIF. Если в нем только 64 цвета, то конверсия вряд ли себя оправдает, так как изображение с такой бедной цветовой палитрой не имеет тех плавных цветовых переходов, которые хорошо сжимает JPEG. В результате вы просто ухудшите качество изображения, не освободив места.

Одна из серьезных проблем конверсии изображений GIF в JPEG заключается в том, что изображения в формате GIF, лимитированные набором из 256 (или менее) цветов, часто используют клиширование (dithering) и полутона (halftoning), в результате чего пикселы двух цветов смешиваются для получения эффекта третьего тона. В результате использования этой техники образуются шаблоны, крайне плохо сжимаемые с помощью JPEG. Отдельные программы позволяют усреднять значения этих шаблонов, «смягчая» таким образом изображение до преобразования, в результате чего сжатие с помощью JPEG оказывается более эффективным.

Активные изображения

Активные изображения (image maps), или изображения, чувствительные к щелчкам мыши, позволяют создать на узле графические меню произвольной формы. Активное изображение — это изображение с так называемыми активными областями (hot spots), которые ссылаются на URL других страниц или узлов.

Есть два метода формирования активных изображений: на сервере и у клиента. Изображения первого типа используют сервер для того, чтобы найти соответствующий данной активной области URL и передать на браузер нужную страницу. Активные изображения, работающие на клиентской машине, задают информацию об активной области на НТМL-странице, так что браузер сам выясняет, какие области являются активными, и запрашивает с сервера соответствующую страницу.

Активные изображения, работающие у клиента, имеют несколько преимуществ. Во-первых, страницы с ними можно перенести на другой сервер. Во-вторых, серверу не приходится выполнять лишнюю работу (например, просматривать всю информацию об активных областях), то есть нагрузка на сервер уменьшается. При использовании работающих на сервере активных изображений в каталоге сgi-bin сервера должен быть соответствующий сценарий. Из соображений безопасности многие системные администраторы не записывают сценарии в каталог сgi-bin. Поэтому более подробно мы рассмотрим создание активных изображений у клиента.

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

Определить карту легко. Нужно открыть в МарEdit HTML-файл, содержащий изображение, на котором требуется создать активные области, после чего выбранное изображение будет загружено в рабочее окно. Затем следует выбрать тип активной области (квадрат, треугольник и круг), щелкнуть и потянуть мышкой, обозначив границу области. Программа автоматически производит запись в HTML-файл, описывающий границы активной области. Затем этой области нужно приписать URL. В любых местах изображения можно нарисовать активные области и определить для каждой из них URL. Важно оставлять между областями немного места, чтобы при чтении быть уверенным, что активизируется правильная ссылка. Границы активных областей задаются координатами углов прямоугольника и многоугольника или центра и радиуса круга. Если вы решили делать активное изображение у клиента, Map Edit поставляет данные только для тегов . Вам придется самим задать тег изображения с атрибутом USEMAP и поместить его после тега
. Не забудьте перед именем карты в
атрибуте USEMAP записать символ «#» следующим образом:

Активные изображения у клиента работают независимо от программного обеспечения сервера и не перестанут функционировать, даже если файлы будут перенесены на другой сервер. Таким изображениям требуются только две вещи: браузер, поддерживающий HTML 3.0, и информация о карте, записанная в HTML-файле. Приведем пример активных изображений.

Изображения в миниатюре

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

13 Объекты, изображения и апплеты

13.1 Введение в объекты, изображения и апплеты

Функции мультимедиа языка HTML позволяют авторам включать в свои страницы изображения, апплеты (программы, которые автоматически загружаются и выполняются на машине пользователя), видеоклипы и другие документы в формате HTML.

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

В предыдущих версиях HTML авторы могли включать изображения (с помощью IMG ) и апплеты (с помощью APPLET ). Эти элементы имеют несколько ограничений:

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

Для решения всех этих вопросов в HTML 4.0 вводится элемент OBJECT , обеспечивающий всестороннее решение для включения объектов. Элемент OBJECT позволяет авторам документов в формате HTML указывать всю информацию, необходимую для представления объекта агентом пользователя: исходный код, начальные значения и рабочие данные. В данной спецификации термин «объект» используется для описания всех объектов, которые Вы захотите включить в HTML-документы; другие термины: апплеты, подключаемые модули (plug-ins), дескрипторы устройств и т.д.

Новый элемент OBJECT , таким образом, subsumes некоторые задачи, выполняемые существующими элементами. Рассмотрим следующую классификацию функций:

Тип включения Конкретный элемент Общий элемент
Изображение IMG OBJECT
Апплет APPLET (Нежелателен.) OBJECT
Другой документ HTML IFRAME OBJECT

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

Для включения изображений авторы могут использовать элемент OBJECT или элемент IMG .

Для включения апплетов авторам следует использовать элемент OBJECT , поскольку использование элемента APPLET нежелательно.

Для включения одного документа HTML в другой авторы могут использовать новый элемент IFRAME или элемент OBJECT . В обоих случаях внедренный документ не зависит от основного документа. Визуальные агенты пользователей могут представлять внедренный документ в виде отдельного окна в основном документе. Для сравнения элементов OBJECT и IFRAME обратитесь к замечаниям о внедряемых документов.

С изображениями и другими включаемыми объектами могут быть связаны ссылки, с помощью стандартных механизмов ссылок, а также и с помощью навигационных карт (image maps). На навигационной карте задаются геометрические области включаемого объекта, и каждой из них назначается ссылка. При активизации эти ссылки могут вызывать загрузку документа, запускать программу на сервере и т.д.

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

13.2 Включение изображения: элемент IMG

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов src = uri [CT] Этот атрибут задает местоположение изображения. Примерами широко распознаваемых форматов являются GIF, JPEG и PNG. longdesc = uri [CT] Этот атрибут определяет ссылку на длинное описание изображения. Это описание должно дополнять краткое описание, задаваемое атрибутом alt . Если с изображением связана навигационная карта, в этом атрибуте должна приводиться информация о ее содержимом. Это особенно важно для серверных навигационных карт.

Элемент IMG внедряет изображение в текущий документ по адресу из определения элемента. Элемент IMG не имеет содержимого; обычно он замещается изображением, назначаемым атрибутом src , исключение при этом составляют выровненные влево или вправо изображения, которые «floated» out of line.

В приведенном ранее примере мы определили ссылку на семейную фотографию. Здесь мы вставим фотографию непосредственно в текущий документ:

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

В следующем примере показано, как можно использовать атрибут longdesc для ссылки на более подробное описание:

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов classid = uri [CT] Этот атрибут может использоваться для указания местоположения объекта с помощью URI. Он может использоваться вместе с атрибутом data или как альтернатива ему, в зависимости от типа объекта. codebase = uri [CT] Этот атрибут определяет базовый путь, используемый для разрешения относительных адресов URI, задаваемых в атрибутах classid , data и archive . Если этот атрибут отсутствует, значением по умолчанию является базовый адрес URI текущего документа. codetype = content-type [CI] Этот атрибут определяет тип содержимого данных, получения которых следует ожидать при загрузке объекта, задаваемого атрибутом classid . Этот атрибут не является обязательным, но рекомендуется, если используется атрибут classid , поскольку он позволяет агенту пользователя избежать загрузки информации для типа содержимого, который он не поддерживает. Если этот атрибут отсутствует, по умолчанию используется значение атрибута type . data = uri [CT] Этот атрибут может использоваться для указания местоположения данных объекта, например, данных изображения для объектов, определяющих изображения, или в более общем случае — serialized формы объекта, который может использоваться для повторного его создания. Если дается относительный адрес URI, он должен интерпретироваться относительно атрибута codebase . type = content-type [CI] Этот атрибут определяет тип содержимого для данных, задаваемых атрибутом data . Этот атрибут не является обязательным, но рекомендуется, если используется атрибут data , поскольку он позволяет агенту пользователя избежать загрузки информации для типа содержимого, который они не поддерживают. archive = uri list [CT] Этот атрибут может использоваться для определения разделенного пробелами списка адресов URI архивов, содержащих относящиеся к объекту ресурсы, который может включать ресурсы, задаваемые атрибутами classid и data . Предварительная загрузка архивов приведет к уменьшению времени загрузки объекта. Архивы, указанные в виде относительных адресов URI, должны интерпретироваться относительно атрибута codebase . declare [CI] Если этот логический атрибут указан, он делает текущее определение OBJECT только объявлением. Объект должен быть instantiated последующим определением OBJECT , ссылающимся на это объявление. standby = text [CS] Этот атрибут определяет сообщение, которое агент пользователя может генерировать при загрузке implementation и данных объекта.

В большинстве агентов пользователей имеются встроенные механизмы для генерации основных типов данных, таких как текст, изображения в формате GIF, цвета, шрифты и ряд графических элементов. Для генерации типов данных типов данных, которые агенты пользователей не поддерживают по умолчанию, они обычно запускают внешние приложения. Элемент OBJECT позволяет авторам ууправлять генерацией данных — задавать внешнюю генерацию или использование некоторой определяемой автором программы, генерирующей данные в агенте пользователя.

В более общем случае автор должен будет определить три типа информации:

  • Реализация включенного объекта. Например, если включенный объект — апплет, автор должен указать местоположение исполняемого кода апплета.
  • Генерируемые данные. Например, если включенный объект является программой, генерирующей данные шрифта, автор должен указать местоположение этих данных.
  • Дополнительные значения, необходимые объекту. Например, некоторым апплетам могут быть нужны исходные значения для их параметров.

Элемент OBJECT позволяет авторам указать все три типа данных объекта, но авторы не обязательно должны указывать их все. Например, некоторым объектам не требуются данные (например, апплет, выполняющий анимацию). Другим может быть не нужна инициализация. Другим же может не понадобиться дополнительная информация о реализации, то есть сам агент пользователя может уже знать, как генерировать этот тип данных (например, изображения в формате GIF).

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

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

Информацию об элементе OBJECT в формах см. в разделе об управлении формами.

Агент пользователя должен интерпретировать элемент OBJECT в соответствии со следующими правилами старшинства:

  1. Сначала агент пользователя должен попытаться сгенерировать объект. Он не должен генерировать содержимое элемента, но должен проверить его на случай, если элемент содержит дополнительные дочерние элементы PARAM (см. инициализация объекта) или элементы MAP (см. клиентские навигационные карты).
  2. Если агент пользователя по какой-либо причине не может сгенерировать объект (не сконфигурирован для этого, недостаточно ресурсов, ошибочная архитектура и т.д.), он должен попытаться сгенерировать его содержимое.

Авторам не следует включать содержимое в элементы OBJECT , расположенные в элементе HEAD .

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

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

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

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

В следующем примере мы внедряем несколько объявлений OBJECT для того, чтобы показать работу альтернативной генерации. Агент пользователя попытается сгенерировать первый элемент OBJECT , который он может, в следующем порядке: (1) апплет Earth, написанный на языке Python, (2) клип Земли в формате MPEG, (3) изображение Земли в формате GIF, (4) альтернативный текст.

Внешнее объявление определяет апплет, которому не нужны данные или начальные значения. Второе объявление определяет клип в формате MPEG и, поскольку местоположение обработчика формата MPEG не указано, предполагается, что клип будет обрабатываться агентом пользователя. Мы также установили атрибут type , так что агент пользователя, который знает, что он не может сгенерировать клип в формате MPEG, не будет загружать файл «TheEarth.mpeg» из сети. В третьем объявлении задается местоположение файла в формате GIF и определяется альтернативный текст на случай, если все прочие механизмы не сработают.

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

Ниже приводится пример, показывающий, как встроенные данные могут be fed to an OBJECT :

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

13.3.2 Инициализация объекта: элемент PARAM

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутовname = cdata Этот атрибут определяет имя рабочего параметра, которое должно быть понятно вставляемому объекту. Учитывает ли имя свойства регистр, зависит от конкретной реализации объекта. value = cdata Этот атрибут определяет значение рабочего параметра, задаваемого атрибутом name . Значения свойств не имеют значения в HTML; их значение определяется объектом. valuetype = data|ref|object [CI] Этот атрибут определяет тип атрибута value . Возможные значения:

  • data: Это значение используется по умолчанию. Оно означает, что значение, задаваемое атрибутом value , будет определяться и передаваться в объект в виде строки.
  • ref: Значение, задаваемое атрибутом value , является адресом URI ресурса, где хранятся рабочие значения. Это позволяет средствам поддержки идентифицировать адреса URI, данные в качестве параметров. Адрес URI должен передаваться в объект как есть, то есть неразрешенным.
  • object: Значение, задаваемое атрибутом value , является идентификатором, ссылающимся на объявление OBJECT в этом же документе. Идентификатором должно быть значение атрибута id для объявленного элемента OBJECT .

type = content-type[CI] Этот атрибут задает тип содержимого ресурса, назначаемого атрибутом value только в случае, если значением атрибута valuetype является «ref». Таким образом, этот атрибут определяет для агента пользователя тип значений, которые будут находиться по адресу URI, назначенному атрибутом value .

Элементы PARAM определяют набор значений, которые могут понадобиться объекту во время работы. В элементах OBJECT или APPLET может присутствовать любое число атрибутов PARAM в любом порядке, но они должны помещаться в начале тела включающего элемента OBJECT или APPLET .

Синтаксис имен и значений считается понятным обработчику объекта. Данный документ не указывает, как агенты пользователей должны загружать пары имя/значение, а также того, как они должны интерпретировать повторяющиеся имена параметров.

Вернемся к примеру с часами и покажем использование элемента PARAM : предположим, что апплет может принимать два рабочих параметра, определяющих его начальную высоту и ширину. Мы можем установить исходные размеры 40×40 пикселов с помощью двух элементов PARAM .

В следующем примере рабочие данные для параметра «Init_values» объекта задаются в виде внешнего ресурса (файл GIF). Таким образом для атрибута valuetype устанавливается значение «ref», а атрибутом value является адрес URI ресурса.

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

Когда элемент OBJECT сгенерирован, агенты пользователя должны выполнить поиск содержимого только для тех элементов PARAM , которые являются их прямыми дочерними элементами и «feed» их to the OBJECT .

Таким образом, в следующем примере, если сгенерирован «obj1», «param1» применяется к «obj1» (и не применяется к «obj2»). Если «obj1» не сгенерирован, а «obj2» сгенерирован, «param1» игнорируется, а «param2» применяется к «obj2». Если ни один OBJECT не сгенерирован, ни один PARAM не применяется.

13.3.3 Глобальные схемы именования объектов

Местоположение обработчика объекта задается адресом URI. Как было сказано во введении в URI, первый сегмент абсолютного адреса URI задает схему именования, используемую для передачи данных, назначаемых адресом URI. Для документов в формате HTML этой схемой часто является «http». Некоторые апплеты могут использовать внешние схемы именования. Например, при указании апплета Java авторы могут использовать адреса URI, начинающиеся с «java», я для аппелтов ActiveX авторы могут использовать «cls >

В следующем примере мы вставляем апплет на языке Java в документ в формате HTML.

Установив атрибут codetype , агент пользователя может определить, нужно ли загружать ли приложение Java, в зависимости от своих возможностей.

Некоторым схемам генерации для определения обработки необходима дополнительная информация, поэтому им необходимо указать, где находится эта информация. Авторы могут указать путь к обработчику объекта с помощью атрибута codebase .

Чтобы объявить объект так, чтобы он не обрабатывался агентом пользователя при чтении, установите логический атрибут declare элемента OBJECT . В то же время авторы должны идентифицировать объявление, установив уникальное значение для атрибута id в элементе OBJECT . Инициализация объекта позже будет ссылаться на этот идентификатор.

Объявленный OBJECT должен присутствовать в документе до первого экземпляра OBJECT .

Объект, определенный с атрибутом declare , инициализируется каждый раз, когда необходима генерация элемента, ссылающегося на этот объект (например, активизируется ссылка на него, активизируется объект, ссылающийся на него и т.д.).

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

Агенты пользователей, не поддерживающие атрибут declare , должны генерировать содержимое объявления OBJECT .

13.4 Включение апплета: элемент APPLET

Формальное определение см. в Transitional DTD.

Если апплет «deserialized», метод start() вызывается вместо метода init() . Атрибуты, допустимые при serialized исходного объекта, не восстанавливаются. Атрибуты, переданные в этот экземпляр APPLET , будут доступны апплету. Авторам следует очень осторожно использовать это свойство. Перед serialized вапплет должен быть остановлен.

Должен присутствовать один из атрибутов code или object . Если даны оба атрибута code и object , и в них указаны разные имена классов, это является ошибкой.

width = длина [CI] Этот атрибут определяет начальную ширину области отображения апплета (не включая окна и диалоги, создаваемые апплетом). height = длина [CI] Этот атрибут определяет начальную высоту области отображения апплета (не включая окна и диалоги, создаваемые апплетом).

Этот элемент, поддерживаемый всеми программами просмотра с поддержкой Java, позволяет дизайнерам внедрять апплеты Java в документы HTML. Он является нежелательным, и вместо него следует использовать элемент OBJECT .

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

ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:
В следующем примере элемент APPLET включает в документ апплет на языке Java. Поскольку атрибут codebase не установлен, предполагается, что апплет находится в том же каталоге, что и сам документ.

Этот пример можно переписать с использованием элемента OBJECT следующим образом:

Задать для апплета исходные значения можно с помощью элемента PARAM .

ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:
Следующий апплет на языке Java:

можно определить с использованием элемента OBJECT следующим образом:

13.5 Замечания о внедренных документах

Внедренный документ полностью независим от документа, в который он внедрен. Например, относительные адреса URI во внедренном документе разрешаются в соответствии с базовым адресом URI, указанным во внедренном документе, а не в основном документе. Внедренный документ только генерируется в другом документе (например, во вложенном окне); it во всех остальных отношениях он остается независимым.


Например, следующая строка внедряет содержимое файла embed_me.html в то место документа, в котором встречено определение OBJECT .

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

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

13.6 Навигационные карты

Навигационная карта создается путем назначения объекта с указанием соответствующих геометрических областей.

Имеется два типа навигационных карт:

  • Когда пользователь активизирует область клиентской навигационной карты с помощью мыши, координаты точки интерпретируются агентом пользователя. Агент пользователя выбирает ссылку, указанную для активизированной области, и выполняет ее.
  • Когда пользователь активизирует область серверной навигационной карты с помощью мыши, координаты точки щелчка передаются агенту на сервере, определенному с помощью атрибута href элемента A . Агент на сервере интерпретирует координаты и выполняет соответствующие действия.

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

13.6.1 Клиентские навигационные карты: элементы MAP и AREA

Начальный тег: обязателен, Конечный тег: обязателен

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов элемента MAP name = cdata [CI] Этот атрибут назначает имя навигационной карты, определяемой элементом MAP .

Определения атрибутов элемента AREAshape = default|rect|circle|poly [CI] Этот атрибут определяет форму области. Возможные значения:

  • default: Задает всю область.
  • rect: Определяет прямоугольную область.
  • circle: Определяет круглую область.
  • poly: Определяет многоугольную область.

coords = координаты[CN] Этот атрибут определяет положение формы на экране. Число и порядок значений зависят от определенной формы. Возможные комбинации:

  • rect: x левой границы, y верхней границы, x правой границы, y нижней границы.
  • circle: x центра, y центра, радиус. Примечание. Если радиус указан в процентах, агенты пользователя должны вычислять окончательное значение радиуса в зависимости от назначенных объекту ширины и высоты. Радиус должен быть наименьшим из этих двух значений.
  • poly: x1, y1, x2, y2, . xN, yN.

Координаты задаются относительно верхнего левого угла объекта. Все значения являются длинами. Все значения отделяются друг от друга запятыми. nohref [CI] Если этот логический атрибут установлен, он указывает, что с этой областью ссылка не связана.

Атрибут для установления связи навигационной карты с элементом usemap = uri [CT] Этот атрибут связывает навигационную карту с элементом. Навигационная карта определяется с помощью элемента MAP . Значение атрибута usemap должно совпадать со значением атрибута name связанного элемента MAP .

Элемент MAP определяет клиентскую навигационную карту, которая может быть связана с одним или несколькими элементами ( IMG , OBJECT или INPUT ). Навигационная карта связывается с элементом с помощью атрибута usemap этого элемента.

Наличие атрибута usemap в элементе OBJECT подразумевает, что объект включается в виде изображения. Более того , если с элементом OBJECT связана клиентская навигационная карта, агенты пользователей могут интерпретировать взаимодействие пользователя с элементом OBJECT исключительно в терминах клиентской навигационной карты. Это позволяет агентам пользователей (например, звуковым браузерам или роботам) взаимодействовать с элементом OBJECT , не обрабатывая его; агент пользователя может даже не загружать (или не обрабатывать) объект. Если с элементом OBJECT связана навигационная карта, авторы не могут быть уверены, что этот объект будет загружаться и обрабатываться всеми агентами пользователей.

Каждый элемент MAP может содержать следующее:

  1. Один или несколько элементов AREA . Эти элементы не имеют содержимого, но определяют геометрические области навигационной карты и ссылки, связанные с каждой областью. Обратите внимание, что при использовании этого метода элемент MAP не имеет генерируемого содержимого. Таким образом, авторы должны изменять текст для каждого элемента AREA с помощью атрибута alt (см. далее информацию о том, как указать альтернативный текст).
  2. Содержимое уровня блока. Сюда должны включаться элементы A , определяющие геометрические области навигационной карты, и ссылки, связанные с каждой областью. Обратите внимание, что при использовании этого метода содержимое элемента MAP может генерироваться агентом пользователя. Для создания более доступных документов авторам следует использовать этот способ.

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

Агенты пользователей и авторы должны обеспечивать текстовые альтернативы графических навигационных карт на случай, если графика недоступна или пользователь не может получить к ней доступ. Например, агенты пользователей могут использовать текст атрибута alt для создания текстовых ссылок вместо графической навигационной карты. Такие ссылки могут активизироваться различными способами (клавиатура, голос и т.д.).

Примечание. Элемент MAP не совместим с агентами пользователей для языка HTML версии 2.0.

Примеры клиентских навигационных карт

В следующем примере мы создаем клиентскую навигационную карту для элемента OBJECT . Сы не хотим генерировать содержимое карты при генерации элемента OBJECT , поэтому мы «скроем» элемент MAP в содержимом элемента OBJECT . Затем содержимое элемента MAP будет генерироваться, только если нельзя сегенировать содержимое элемента OBJECT .

Если агент пользователя не поддерживает формат PNG, он пытается сгенерировать изображение в формате GIF. Если он не поддерживает GIF (например, это речевой агент пользователя), он воспроизводит текстовое описание, указанное в содержимсом внутреннего элемента OBJECT . Если элементы OBJECT вложены таким образом, авторы могут обеспечивать совместное использование этими элементами навигационных карт:

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

Точно так же атрибут nohref элемента AREA объявляет, что с геометрической областью не связана ссылка.

13.6.2 Серверные навигационные карты

Серверные навигационные карты представляют интерес в случаях, когда карта слишком сложна.

Определить серверную навигационную карту можно только для элементов IMG и INPUT . В случае элемента IMG этот элемент должен быть включен в элемент A . В случае элемента INPUT он должен иметь тип «image». В обоих случаях для элемента должен быть установлен логический атрибут ismap [CI].

Когда пользователь активизирует ссылку, щелкнув на изображении, экранные координаты отправляются непосредственно на сервер, на котором располагается документ. Экранные координаты выражаются в виде пикселов относительно изображения. Нормативную информацию об определении пикселов и об их масштабировании см. в [CSS1].

В следующем примере активная область определяет серверную ссылку. Таким образом щелчок в любой точке изображения вызовет передачу координат на сервер.

Координаты области, в которой произошел щелчок, передаются на сервер следующим образом. Агент пользователя получает новый адрес URI из адреса URI, указанного в атрибуте href элемента A , добавляя `?’, за которым следуют координаты x и y, разделенные запятой. Затем происходит переход по ссылке с использованием нового адреса URI. Например, в данном примере, если пользователь щелкает в точке с координатами x=10, y=27, то новый адрес URI — «http://www.acme.com/cgi-bin/competition?10,27».

Агенты пользователей, не предлагающие пользователям средств выбора определенных координат (например, неграфические агенты пользователей, зависящие от ввода с клавиатуры, речевые агенты пользователей и т.д.) должны при активизации ссылки передавать на сервер координаты «0,0».

13.7 Визуальное представление изображений, объектов и апплетов

Определения атрибутов width = длина [CN] Переопределение ширины изображения и объекта. height = длина [CN] Переопределение для изображения и объекта.

Если указаны атрибуты width и height , они сообщают агентам пользователя о необходимости переопределения исходного размера изображения или объекта этими значениями.

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

Атрибуты height и width дают агентам пользователей представление о размере изображения или объекта, чтобы они могли зарезервировать соответствующее пространство и продолжать генерацию документа, ожидая данных об изображении.

Атрибуты vspace и hspace определяют свободное пространство слева и справа (hspace) и над и под (vspace) IMG , APPLET , OBJECT . По умолчанию значение этого атрибута не определено, но обычно это небольшое ненулевое значение. Оба атрибута имеют значение типа длина.

Изображение или объект может окружать граница (например, если она указана пользователем или изображение имеет содержимое элемента A ).

Определения атрибутов border = пикселы Нежелателен. Атрибут border определяет ширину границы в пикселах. Значение этого атрибута, используемое по умолчанию, зависит от агента пользователя.

13.7.4 Выравнивание

Атрибут align определяет положение IMG , OBJECT или APPLET относительно его содержимого.

Следующие значения атрибута align относятся к положению объекта относительно окружающего текста:

  • bottom: означает, что окно объекта должно быть вертикально выровнено относительно текущей базовой линии. Это значение используется по умолчанию.
  • middle: означает, что центр объекта должен быть выровнен вертикально относительно текущей базовой линии.
  • top: означает, что верх объекта должен быть вертикально выровнен относительно верха текущей текстовой строки.

Два других значения, left и right , приводят к перемещению изображения к текущему левому или правому полю. Они обсуждаются в разделе о плавающих объектах.

Различие интерпретаций атрибута align. Агенты пользователей по-разному интерпретируют атрибут align . Некоторые принимают в расчет только текстовую строку, находящуюся перед элементом, некоторые учитывают текст по обеим сторонам элемента.

13.8 Как указать альтернативный текст

Определения атрибутов alt = текст [CS] Для агентов пользователей, не имеющих возможности вывести изображения, формы или апплеты, этот атрибут определяет альтернативный текст. Язык альтернативного текста определяется атрибутом lang .

Для некоторых нетекстовых элементов ( IMG , AREA , APPLET и INPUT ) авторы должны указывать альтернативный текст, служащий содержимым, если элемент нельзя нормально сгенерировать. Задание альтернативного текста помогает пользователям, не имеющих графических дисплеев, пользователям, браузеры которых не поддерживают формы, visually impaired users, пользователям синтезаторов речи, пользователям, графический агент которых сконфигурирован так, чтобы не выводить изображения и т.д.

Атрибут alt должен быть указан для элементов IMG и AREA . Он не является обязательным для элементов INPUT и APPLET .

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

  • Не указывайте несоответствующий альтернативный текст, включая изображения, предназначенные для форматирования страницы, например, alt=»red ball» не соответствует изображению, определяющему красный круг для отметки заголовка абзаца. В этих случаях в качестве альтернативного текста следует указать пустую строку («»). Авторам в любом случае рекомендуется не использовать изображения для форматирования страниц; вместо этого следует использовать таблицы стилей.
  • Не указывайте бессмысленный альтернативный текст (например, «dummy text»). Он не только будет frustrate пользователей, но также будет замедлять агенты пользователей, преобразующие текст в речь или текст Бройля.

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

Примечание. Подробнее о создании доступных документов HTML см. [WAIGUIDE].

HTML5

A vocabulary and associated APIs for HTML and XHTML

W3C Recommendation 28 October 2014

11 Obsolete features

11.1 Obsolete but conforming features

Features listed in this section will trigger warnings in conformance checkers.

Authors should not specify a border attribute on an img element. If the attribute is present, its value must be the string » 0 «. CSS should be used instead.

Authors should not specify a language attribute on a script element. If the attribute is present, its value must be an ASCII case-insensitive match for the string » JavaScript » and either the type attribute must be omitted or its value must be an ASCII case-insensitive match for the string » text/javascript «. The attribute should be entirely omitted instead (with the value » JavaScript «, it has no effect), or replaced with use of the type attribute.

Authors should not specify the name attribute on a elements. If the attribute is present, its value must not be the empty string and must neither be equal to the value of any of the >name attributes on a elements in the element’s home subtree. If this attribute is present and the element has an >URLs . The id attribute should be used instead.

Authors should not, but may despite requirements to the contrary elsewhere in this specification, specify the maxlength and size attributes on input elements whose type attributes are in the Number state. One valid reason for using these attributes regardless is to help legacy user agents that do not support input elements with type=»number» to still render the text field with a useful width.

In the HTML syntax, specifying a DOCTYPE that is an obsolete permitted DOCTYPE will also trigger a warning.

11.1.1 Warnings for obsolete but conforming features

To ease the transition from HTML4 Transitional documents to the language defined in this specification, and to discourage certain features that are only allowed in very few circumstances, conformance checkers are required to warn the user when the following features are used in a document. These are generally old obsolete features that have no effect, and are allowed only to distinguish between likely mistakes (regular conformance errors) and mere vestigial markup or unusual and discouraged practices (these warnings).

The following features must be categorized as described above:

The presence of a border attribute on an img element if its value is the string » 0 «.

The presence of a language attribute on a script element if its value is an ASCII case-insensitive match for the string » JavaScript » and if there is no type attribute or there is and its value is an ASCII case-insensitive match for the string » text/javascript «.

The presence of a name attribute on an a element, if its value is not the empty string.

The presence of a maxlength attribute on an input element whose type attribute is in the Number state.

The presence of a size attribute on an input element whose type attribute is in the Number state.

Conformance checkers must distinguish between pages that have no conformance errors and have none of these obsolete features, and pages that have no conformance errors but do have some of these obsolete features.

For example, a validator could report some pages as «Valid HTML» and others as «Valid HTML with warnings».

11.2 Non-conforming features

Elements in the following list are entirely obsolete, and must not be used by authors:

Use embed or object instead.

Either use iframe and CSS instead, or use server-side includes to generate complete pages with the various invariant parts merged in.

To mark up subheadings, consider putting the subheading into a p element after the h1 — h6 element containing the main heading, or putting the subheading directly within the h1 — h6 element containing the main heading, but separated from the main heading by punctuation and/or within, for example, a span element with differentiated styling.

Headings and subheadings, alternative titles, or taglines can be grouped using the header or div elements.

Use an explicit form and text field combination instead.

Use pre and code instead.

Use GUIDs instead.

Use object instead of embed when fallback is necessary.

Use the » text/plain » MIME type instead.

Use del instead if the element is marking an edit, otherwise use s instead.

Use pre and code instead, and escape » » and » & » characters as » » and » & » respectively. marquee

Use appropriate elements or CSS instead.

Where the tt element would have been used for marking up keyboard input, consider the kbd element; for variables, consider the var element; for computer code, consider the code element; and for computer output, consider the samp element.

Similarly, if the big element is being used to denote a heading, consider using the h1 element; if it is being used for marking up important passages, consider the strong element; and if it is being used for highlighting text for reference purposes, consider the mark element.

See also the text-level semantics usage summary for more suggestions with examples.

The following attributes are obsolete (though the elements are still part of the language), and must not be used by authors:

on a elements on link elements

Use an HTTP Content-Type header on the linked resource instead. on a elements on a elements

Use area instead of a for image maps. on a elements on link elements

Use the HTTP OPTIONS feature instead. on a elements (except as noted in the previous section) on embed elements on img elements on option elements

Use the id attribute instead. on a elements on link elements

Specify the preferred persistent >href attribute instead. on form elements

Use the accept attribute directly on the input elements instead. on area elements

Omitting the href attribute is sufficient; the nohref attribute is unnecessary. Omit it altogether. on head elements

When used for declaring which meta terms are used in the document, unnecessary; omit it altogether, and register the names.

When used for triggering specific user agent behaviors: use a link element instead. on html elements

Unnecessary. Omit it altogether. on input elements

Unnecessary. Omit it altogether. All input elements with a type attribute in the Image Button state are processed as server-side image maps. on input elements

Use img instead of input for image maps. on img elements

Use a progressive JPEG image (given in the src attribute), instead of using two separate images. on link elements

Unnecessary. Omit it altogether. on meta elements

Use only one scheme per field, or make the scheme declaration part of the value. on object elements on object elements on object elements on object elements on object elements

Use the data and type attributes to invoke plugins. To set parameters with these names in particular, the param element can be used. on object elements

Repeat the object element completely each time the resource is to be reused. on object elements

Optimize the linked resource so that it loads quickly or, at least, incrementally. on param elements on param elements

Use the name and value attributes without declaring value types. on script elements (except as noted in the previous section)

Use the type attribute instead. on script elements on script elements

Use DOM Events mechanisms to register event listeners. [DOM] on table elements

Unnecessary. Omit it altogether. on table elements

Use one of the techniques for describing tables given in the table section instead. on td and th elements

Use the scope attribute on the relevant th .

Use th elements for heading cells.

Use script and a mechanism such as XMLHttpRequest to populate the page dynamically. [XHR] on body elements on body elements on body elements on body elements on body elements on body elements on body elements on body elements on body elements on body elements on body elements on br elements on caption elements on col elements on col elements on col elements on col elements on col elements on div elements on dl elements on embed elements on embed elements on embed elements on hr elements on hr elements on hr elements on hr elements on hr elements on h1 — h6 elements on iframe elements on iframe elements on iframe elements on iframe elements on iframe elements on iframe elements on iframe elements on iframe elements on input elements on input elements on input elements on img elements on img elements (except as noted in the previous section) on img elements on img elements on legend elements on li elements on object elements on object elements on object elements on object elements on ol elements on p elements on pre elements on table elements on table elements on table elements on table elements on table elements on table elements on table elements on table elements on tbody , thead , and tfoot elements on tbody , thead , and tfoot elements on tbody , thead , and tfoot elements on tbody , thead , and tfoot elements on td and th elements on td and th elements on td and th elements on td and th elements on td and th elements on td and th elements on td and th elements on td and th elements on tr elements on tr elements on tr elements on tr elements on tr elements on ul elements on ul elements on body , table , thead , tbody , tfoot , tr , td , and th elements

Use CSS instead.

The border attribute on the table element can be used to prov >1 » may be used as border values for this purpose. Other values are considered obsolete. To regulate the thickness of such borders, authors should instead use CSS.

11.3 Requirements for implementations

11.3.1 The element

The applet element is a Java-specific variant of the embed element. The applet element is now obsoleted so that all extension frameworks (Java, .NET, Flash, etc) are handled in a consistent manner.

When the element matches any of the following conditions, it represents its contents:

  • The element is still in the stack of open elements of an HTML parser or XML parser.
  • The element is not in a Document .
  • The element’s Document is not fully active.
  • The element’s Document ‘s active sandboxing flag set has its sandboxed plugins browsing context flag set.
  • The element has an ancestor media element.
  • The element has an ancestor object element that is not showing its fallback content.
  • No Java Language runtime plugin is available.
  • A Java runtime plugin is available but it is disabled.

secured ; if anyone does end up securing one we can always change this

Otherwise, the user agent should instantiate a Java Language runtime plugin, and should pass the names and values of all the attributes on the element, in the order they were added to the element, with the attributes added by the parser being ordered in source order, and then a parameter named «PARAM» whose value is null, and then all the names and values of parameters given by param elements that are children of the applet element, in tree order, to the plugin used. If the plugin supports a scriptable interface, the HTMLAppletElement object representing the element should expose that interface. The applet element represents the plugin.

browsing context scope origin if it has one» when fetching

The applet element is unaffected by the CSS ‘display’ property. The Java Language runtime is instantiated even if the element is hidden with a ‘display:none’ CSS style.

The applet element must implement the HTMLAppletElement interface.

The , , , , , , , , , and IDL attributes must reflect the respective content attributes of the same name. For the purposes of reflection, the applet element’s object content attribute is defined as containing a URL .

The >codebase content attribute, which for the purposes of reflection is defined as containing a URL .

11.3.2 The element

The marquee element is a presentational element that animates content. CSS transitions and animations are a more appropriate mechanism. [CSSANIMATIONS] [CSSTRANSITIONS]

The task source for tasks mentioned in this section is the DOM manipulation task source.

The marquee element must implement the HTMLMarqueeElement interface.

A marquee element can be or . When it is created, it is turned on.

When the method is called, the marquee element must be turned on.

When the method is called, the marquee element must be turned off.

When a marquee element is created, the user agent must queue a task to fire a simple event named start at the element.

The content attribute on marquee elements is an enumerated attribute with the following keywords (all non-conforming):

Keyword State
scroll
slide
alternate

The missing value default is the scroll state.

The content attribute on marquee elements is an enumerated attribute with the following keywords (all non-conforming):

Keyword State
left
right
up
down

The missing value default is the left state.

The content attribute on marquee elements is a boolean attribute.

A marquee element has a , which is obtained as follows:

If the element has a scrolldelay attribute, and parsing its value using the rules for parsing non-negative integers does not return an error, then let delay be the parsed value. Otherwise, let delay be 85.

If the element does not have a truespeed attribute, and the delay value is less than 60, then let delay be 60 instead.

The marquee scroll interval is delay , interpreted in milliseconds.

A marquee element has a , which, if the element has a scrollamount attribute, and parsing its value using the rules for parsing non-negative integers does not return an error, is the parsed value interpreted in CSS pixels, and otherwise is 6 CSS pixels.

A marquee element has a , which, if the element has a loop attribute, and parsing its value using the rules for parsing integers does not return an error or a number less than 1, is the parsed value, and otherwise is −1.

The >loop content attribute (adding it if necessary) to the valid integer that represents the new value. (Other values are ignored.)

A marquee element also has a , which is zero when the element is created.

The rendering layer will occasionally , which must cause the following steps to be run:

If the marquee loop count is −1, then abort these steps.

If the marquee current loop index is now equal to or greater than the element’s marquee loop count, turn off the marquee element and queue a task to fire a simple event named finish at the marquee element.

Otherwise, if the behavior attribute is in the alternate state, then queue a task to fire a simple event named bounce at the marquee element.

Otherwise, queue a task to fire a simple event named start at the marquee element.

The following are the event handlers (and their corresponding event handler event types) that must be supported, as event handler content attributes and event handler IDL attributes, by marquee elements:

Event handler Event handler event type
bounce
finish
start

The , , , , , and IDL attributes must reflect the respective content attributes of the same name.

The >bgcolor content attribute.

The >scrollamount content attribute. The default value is 6.

The >scrolldelay content attribute. The default value is 85.

The >truespeed content attribute.

11.3.3 Frames

The element acts as the body element in documents that use frames.

The frameset element must implement the HTMLFrameSetElement interface.

The and IDL attributes of the frameset element must reflect the respective content attributes of the same name.

The frameset element exposes as event handler content attributes a number of the event handlers of the Window object. It also mirrors their event handler IDL attributes.

The onblur , onerror , onfocus , onload , onresize , and onscroll event handlers of the Window object, exposed on the frameset element, replace the generic event handlers with the same names normally supported by HTML elements.

The element defines a nested browsing context similar to the iframe element, but rendered within a frameset element.

A frame element is said to be an when it is in a Document and its parent element, if any, is a frameset element.

When a frame element is created as an active frame element, or becomes an active frame element after not having been one, the user agent must create a nested browsing context, and then process the frame attributes for the first time.

When a frame element stops being an active frame element, the user agent must discard the nested browsing context.

Whenever a frame element with a nested browsing context has its src attribute set, changed, or removed, the user agent must process the frame attributes.

When the user agent is to , it must run the first appropriate steps from the following list:

If the element has no src attribute specified, and the user agent is processing the frame ‘s attributes for the first time

If the value of the src attribute is the empty string, let url be the string » about:blank «.

Otherwise, resolve the value of the src attribute, relative to the frame element.

If that is not successful, then let url be the string » about:blank «. Otherwise, let url be the resulting absolute URL.

Any navigation required of the user agent in the process the frame attributes algorithm must be completed as an explicit self-navigation override and with the frame element’s document’s browsing context as the source browsing context.

Furthermore, if the active document of the element’s child browsing context before such a navigation was not completely loaded at the time of the new navigation, then the navigation must be completed with replacement enabled.

Similarly, if the child browsing context’s session history contained only one Document when the process the frame attributes algorithm was invoked, and that was the about:blank Document created when the child browsing context was created, then any navigation required of the user agent in that algorithm must be completed with replacement enabled.

but less detailed

When a Document in a frame is marked as completely loaded, the user agent must queue a task to fire a simple event named load at the frame element.

When there is an active parser in the frame , and when anything in the frame is delaying the load event of the frame ‘s browsing context’s active document, the frame must delay the load event of its document.

When the browsing context is created, if a name attribute is present, the browsing context name must be set to the value of this attribute; otherwise, the browsing context name must be set to the empty string.

Whenever the name attribute is set, the nested browsing context’s name must be changed to the new value. If the attribute is removed, the browsing context name must be set to the empty string.

The frame element must implement the HTMLFrameElement interface.

The , , and IDL attributes of the frame element must reflect the respective content attributes of the same name. For the purposes of reflection, the frame element’s src content attribute is defined as containing a URL .

The IDL attribute of the frame element must reflect the element’s frameborder content attribute.

The IDL attribute of the frame element must reflect the element’s longdesc content attribute, which for the purposes of reflection is defined as containing a URL .

The IDL attribute of the frame element must reflect the element’s noresize content attribute.

The IDL attribute of the frame element must return the Document object of the active document of the frame element’s nested browsing context, if any and if its effective script origin is the same origin as the effective script origin specified by the incumbent settings object, or null otherwise.

The IDL attribute must return the WindowProxy object of the frame element’s nested browsing context.

The IDL attribute of the frame element must reflect the element’s marginheight content attribute.

The IDL attribute of the frame element must reflect the element’s marginwidth content attribute.

11.3.4 Other elements, attributes and APIs

User agents must treat acronym elements in a manner equivalent to abbr elements in terms of semantics and for purposes of rendering.

The , , , and IDL attributes of the a element must reflect the respective content attributes of the same name.

The IDL attribute of the area element must reflect the element’s nohref content attribute.

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.

The IDL attribute of the body element must reflect the element’s text content attribute.

The IDL attribute of the body element must reflect the element’s link content attribute.

The IDL attribute of the body element must reflect the element’s alink content attribute.

The IDL attribute of the body element must reflect the element’s vlink content attribute.

The IDL attribute of the body element must reflect the element’s bgcolor content attribute.

The IDL attribute of the body element must reflect the element’s background content attribute. (The background content is not defined to contain a URL , despite rules regarding its handling in the rendering section above.)

The IDL attribute of the br element must reflect the content attribute of the same name.

The IDL attribute of the caption element must reflect the content attribute of the same name.

The and IDL attributes of the col element must reflect the respective content attributes of the same name.

The IDL attribute of the col element must reflect the element’s char content attribute.

The IDL attribute of the col element must reflect the element’s charoff content attribute.

The IDL attribute of the col element must reflect the element’s valign content attribute.

User agents must treat dir elements in a manner equivalent to ul elements in terms of semantics and for purposes of rendering.

The dir element must implement the HTMLDirectoryElement interface.

The IDL attribute of the dir element must reflect the content attribute of the same name.

The IDL attribute of the div element must reflect the content attribute of the same name.

The IDL attribute of the dl element must reflect the content attribute of the same name.

The and IDL attributes of the embed element must reflect the respective content attributes of the same name.

The font element must implement the HTMLFontElement interface.

The , , and IDL attributes of the font element must reflect the respective content attributes of the same name.

The IDL attribute of the h1 – h6 elements must reflect the content attribute of the same name.

The IDL attribute on head elements (with the HTMLHeadElement interface) is intentionally omitted. Unless so required by another applicable specification, implementations would therefore not support this attribute. (It is mentioned here as it was defined in a previous version of the DOM specifications.)

The , , , and IDL attributes of the hr element must reflect the respective content attributes of the same name.

The IDL attribute of the hr element must reflect the element’s noshade content attribute.

The IDL attribute of the html element must reflect the content attribute of the same name.

The and IDL attributes of the iframe element must reflect the respective content attributes of the same name.

The IDL attribute of the iframe element must reflect the element’s frameborder content attribute.

The IDL attribute of the iframe element must reflect the element’s longdesc content attribute, which for the purposes of reflection is defined as containing a URL .

The IDL attribute of the iframe element must reflect the element’s marginheight content attribute.

The IDL attribute of the iframe element must reflect the element’s marginwidth content attribute.

The , , , , and IDL attributes of the img element must reflect the respective content attributes of the same name.

The IDL attribute of the img element must reflect the element’s longdesc content attribute, which for the purposes of reflection is defined as containing a URL .

The IDL attribute of the img element must reflect the element’s lowsrc content attribute, which for the purposes of reflection is defined as containing a URL .

The IDL attribute of the input element must reflect the content attribute of the same name.

The IDL attribute of the input element must reflect the element’s usemap content attribute.

The IDL attribute of the legend element must reflect the content attribute of the same name.

The IDL attribute of the li element must reflect the content attribute of the same name.

The and IDL attributes of the link element must reflect the respective content attributes of the same name.

User agents must treat listing elements in a manner equivalent to pre elements in terms of semantics and for purposes of rendering.

User agents may treat the scheme content attribute on the meta element as an extension of the element’s name content attribute when processing a meta element with a name attribute whose value is one that the user agent recognizes as supporting the scheme attribute.

User agents are encouraged to ignore the scheme attribute and instead process the value given to the metadata name as if it had been specified for each expected value of the scheme attribute.

For example, if the user agent acts on meta elements with name attributes having the value «eGMS.subject.keyword», and knows that the scheme attribute is used with this metadata name, then it could take the scheme attribute into account, acting as if it was an extension of the name attribute. Thus the following two meta elements could be treated as two elements giving values for two different metadata names, one consisting of a combination of «eGMS.subject.keyword» and «LGCL», and the other consisting of a combination of «eGMS.subject.keyword» and «ORLY»:

The suggested processing of this markup, however, would be equivalent to the following:

The IDL attribute of the meta element must reflect the content attribute of the same name.

The , , , , , , , and IDL attributes of the object element must reflect the respective content attributes of the same name.

The IDL attribute of the object element must reflect the element’s codebase content attribute, which for the purposes of reflection is defined as containing a URL .

The IDL attribute of the object element must reflect the element’s codetype content attribute.

The IDL attribute of the ol element must reflect the content attribute of the same name.

The IDL attribute of the p element must reflect the content attribute of the same name.

The IDL attribute of the param element must reflect the content attribute of the same name.

The IDL attribute of the param element must reflect the element’s valuetype content attribute.

User agents must treat plaintext elements in a manner equivalent to pre elements in terms of semantics and for purposes of rendering. (The parser has special behavior for this element, though.)

The IDL attribute of the pre element must reflect the content attribute of the same name.

The and IDL attributes of the script element must return the empty string on getting, and do nothing on setting.

The , , , , , and , IDL attributes of the table element must reflect the respective content attributes of the same name.

The IDL attribute of the table element must reflect the element’s bgcolor content attribute.

The IDL attribute of the table element must reflect the element’s cellpadding content attribute.

The IDL attribute of the table element must reflect the element’s cellspacing content attribute.

The IDL attribute of the tbody , thead , and tfoot elements must reflect the content attribute of the same name.

The IDL attribute of the tbody , thead , and tfoot elements must reflect the elements’ char content attributes.

The IDL attribute of the tbody , thead , and tfoot elements must reflect the elements’ charoff content attributes.

The IDL attribute of the tbody , thead , and tfoot element must reflect the elements’ valign content attributes.

The , , , and IDL attributes of the td and th elements must reflect the respective content attributes of the same name.

The IDL attribute of the td and th elements must reflect the elements’ char content attributes.

The IDL attribute of the td and th elements must reflect the elements’ charoff content attributes.

The IDL attribute of the td and th elements must reflect the elements’ nowrap content attributes.

The IDL attribute of the td and th element must reflect the elements’ valign content attributes.

The IDL attribute of the td and th elements must reflect the elements’ bgcolor content attributes.

The IDL attribute of the td element must reflect the respective content attributes of the same name.

The IDL attribute of the tr element must reflect the content attribute of the same name.

The IDL attribute of the tr element must reflect the element’s char content attribute.

The IDL attribute of the tr element must reflect the element’s charoff content attribute.

The IDL attribute of the tr element must reflect the element’s valign content attribute.

The IDL attribute of the tr element must reflect the element’s bgcolor content attribute.

The and IDL attributes of the ul element must reflect the respective content attributes of the same name.

User agents must treat xmp elements in a manner equivalent to pre elements in terms of semantics and for purposes of rendering. (The parser has special behavior for this element though.)

The attributes of the Document object listed in the first column of the following table must reflect the content attribute on the body element with the name given in the corresponding cell in the second column on the same row, if the body element is a body element (as opposed to a frameset element). When there is no body element or if it is a frameset element, the attributes must instead return the empty string on getting and do nothing on setting.

IDL attribute Content attribute
text
link
vlink
alink
bgcolor

The attribute must return an HTMLCollection rooted at the Document node, whose filter matches only a elements with name attributes.

The attribute must return an HTMLCollection rooted at the Document node, whose filter matches only applet elements.

The , , and methods must do nothing.

The attribute must return an HTMLAllCollection rooted at the Document node, whose filter matches all elements.

The object returned for all has several unusual behaviors:

The user agent must act as if the ToBoolean() operator in JavaScript converts the object returned for all to the false value.

The user agent must act as if, for the purposes of the == and != operators in JavaScript, the object returned for all compares as equal to the undefined and null values. (Comparisons using the === operator, and comparisons to other values such as strings or objects, are unaffected.)

The user agent must act such that the typeof operator in JavaScript returns the string undefined when applied to the object returned for all .

These requirements are a willful violation of the JavaScript specification current at the time of writing (ECMAScript edition 5). The JavaScript specification requires that the ToBoolean() operator convert all objects to the true value, and does not have provisions for objects acting as if they were undefined for the purposes of certain operators. This violation is motivated by a desire for compatibility with two >document.all as a way to detect legacy user agents, and one that only supports those legacy user agents and uses the document.all object without testing for its presence first. [ECMA262]

The and methods must do nothing.

The hgroup element does not have strong native semantics or default implicit ARIA semantics. User agents must not implement accessibility layer semantics for the hgroup element that obfuscates or modifies the semantics of its children.

Илон Маск рекомендует:  Как вконтакте сделать аватарку
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL