[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта

Categories
CSS [7]
CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки.
HTML [7]
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Hack [0]
Под хаком подразумевается метод, позволяющий воспринимать CSS только определенному браузеру. Хаки могут использоваться не только для исправления багов в верстке, но и в случае использования определенных особенностей браузера для ускорения рендеринга web-страницы в нём (к примеру CSS3-свойства)
Прочие статьи [5]
Всё то, что не вошло в выше представленные категории.

Главная » Статьи » Web-кодинг » HTML

В категории материалов: 7
Показано материалов: 1-7

Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам

Здесь я напишу список того что происходит в режиме совместимости.
Всё-таки, этот режим, по-сути, сознательное нарушение правил CSS и HTML спецификаций.

Если у вас уже есть существующая страница которая вполне работает но не имеет объявления doctype (требуемого спецификацией HTML) в начале документа, вы не можете просто взять и написать там объявление.
Причина в том что декларация переключает браузер в так называемый «режим соответствия стандартам» (Standards Mode, или говорят просто стандартный режим), противоположный режиму совместимости. Это может означать что угодно. Страница может совершенно развалиться после объявления doctype, часто вёрстка меняется довольно непредсказуемо.
Впрочем, не так непредсказуемо если вы знаете что может присходить в этом режиме.


Многие начинающие веб-дизайнеры не знают, а прогрессирующие не помнят что было когда-то такое время когда чётких правил написания разметки гипертекста не было, а тех которые были браузерам и пользователям не хватало и они выдумывали свои теги и атрибуты какие хотели.
Чтобы как-то разгрести всю эту кашу все теги описывались в так называемые спецификации, в которых группа W3C пытаясь урегулировать хаос предписывала браузерам что и как они должны отображать. Чтобы эти каши не путались в браузерах и заодно в головах вебмастеров было предложено (в спецификации HTML2.0) а потом стало обязательным (в спецификации HTML3.2) указание типа спецификации которой нужно придерживаться при отображении страницы. Указать это можно с помощью тега <!DOCTYPE> в начале документа.


Целый месяц не писала, но сегодня спешу вас порадовать товарищи, т.к. знакомый многим Эрик Мейэр, редактор CSS3, добавил в спецификацию CSS3, предложенные специалистами (IE-team) из майкрософт, новые атрибуты.
Эти атрибуты уже долгое время используются в браузере Internet Explorer, сами разработчики рассматривают их как дополнение к CSS2.1
Вот краткий список этих атрибутов по группам.


Переносимый сетевой графический формат (Portable Network Graphics, PNG) разрабатывается как более эффективная, гибкая и свободная от патентов замена GIF-формату. PNG был задуман для хранения отдельных растровых изображений для дальнейшего распространения по компьютерным сетям.
PNG был создан в 1995 в ответ на давление со стороны Unisys и их патента на алгоритм LZW-сжатия, используемый в GIF. Хотя срок действия патента Unisys уже закончился, причины на переход от GIF к PNG остались, практически, прежними. Заменив ваши GIF-изображения теми же самыми, но в формате PNG, вы можете ускорить загрузку ваших страниц и сэкономить трафик ваших пользователей.

PNG против GIF: алгоритмы сжатия

PNG использует алгоритм deflate-сжатия обычно с 32Кб скользящим (sliding) окном. Deflate является улучшенной версией алгоритма сжатия Lempel-Ziv (LZ77), который используется в ZIP- и GZIP-файлах. Созданный Phil Katz для второй версии PKZip, deflate совмещает LZ77 с кодированием Huffman и является от 10% до 30% более эффективным, чем LZW при сжатии без потери информации. Так же, как и GZIP, некоторые инструменты по PNG-сжатию предполагают опциональный параметр «степень сжатия», которая варьируется от 1 до 9.
По умолчанию выставляется 6. 9 является практически всегда лучшим выбором для максимального сжатия.


В этой таблице перечислены шрифты с русскими буквами, входящие в стандартную поставку Microsoft Windows XP и Microsoft Office 2003. Эти шрифты есть у большинства пользователей, и их можно свободно использовать на веб страницах.

После таблицы следуют пояснения и рекомендации по использованию шрифтов.

ШрифтСемействоWindows XPMS Office 2003Образец шрифта
Arialsans-serifWindows XP
Образец шрифта
Arial Blacksans-serifWindows XP
Образец шрифта
Arial Narrowsans-serif
MS Office 2003Образец шрифта
Book Antiquaserif
MS Office 2003Образец шрифта
Bookman Old Styleserif
MS Office 2003Образец шрифта

Условные комментарии используются для написания специальных инструкций которые будут работать только в Internet Explorer не ниже 5-ой версии.

Условный комментарий выглядит следующим образом:

<!­­--[if IE]> Специальные инструкции для IE здесь. <![endif]-->

Структура похожа на обычный комментарий в HTML, поэтому остальные браузеры будут воспринимать его как обычный комментарий. Explorer распознаёт специальный синтаксис <!--[if IE]>, решает условие if и парсит содержимое условного комментария так, как если бы это было содержание нормальной страницы. Условные комментарии используют синтаксис HTML комментариев, поэтому они могут быть включены только в HTML страницу. Удобно бывает сделать отдельные стили для IE и вставить тег link в условный комментарий.


Фреймы
<frameset></frameset>
Предваряет тег <body> в документе, содержащем фреймы;
<frameset 
rows="value,value">
Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном  соотношении к высоте таблицы фреймов.
<frameset 
cols="value,value">
Определяет столбцы  в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном  соотношении к ширине таблицы фреймов.
<frame>
Определяет единичный фрейм или область в таблице фреймов.
<noframes></noframes>
Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
Атрибуты фреймов


Полная версия сайта