Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Использование однопиксельного прозрачного GIFа




Отступы

Атрибуты HSPACE и VSPACE

Атрибуты HSPACE и VSPACE задают горизонтальный и вертикальный отступ соответственно, для изображений, описанных в документе с помощью элемента IMG. В этих атрибутах нет ничего плохого, за исключением того, что как правило они оказываются бесполезными в документах строгого дизайна. К тому же, они отвечают за стиль отображения а не за структуру документа. Вместо них разумнее использовать CSS свойство margin.

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

Правило для  

Неразрывный пробел или   (сокр. от non-breaking space) предназначен для связывания нескольких слов текста пробелом, запрещающим перевод строки. Например, если вы хотите, чтобы название фирмы состоящее из нескольких слов, например Coca Cola, не было разбито на строки, используется следующая запись: Coca Cola. Как следствие,   может быть использован для вставки одного пробела или нескольких пробелов в любой части документа.

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

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

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

Использование однопиксельного прозрачного изображения в формате GIF является одним из самых древних и популярных решений проблемы отступа в HTML. Идея данного метода заключается в том, что нужная высота или ширина (или и то и другое) выставляются в атрибутах WIDTH и HEIGHT элемента IMG, который представляет собой однопиксельный прозрачный GIF. Растягиваясь, это изображение визуально никак не изменяется, т.е. остается прозрачным. Безусловным преимуществом этого подхода является то, что с его помощью можно задавать как горизонтальные так и вертикальные отступы.

Пример использования однопиксельного прозрачного GIFа

<img src="images/spacer.gif" width="10" height="25" border="0" alt="" />

Популярность этого метода объясняется тем, что такое решение понимают практически все браузеры одинаково. Несмотря на то, что с появлением современных браузеров и хорошей поддержкой CSS, использование такого решения становится более редким, но все еще приемлемым. Разумеется, такой подход не добавляет ясности в структуру HTML кода, но скорее является вынужденной мерой при составлении особенно тех документов, которые должны поддерживать максимальное количество доступных в Интернет браузеров.




Поделиться с друзьями:


Дата добавления: 2014-12-16; Просмотров: 371; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.01 сек.