Ускорение работы сайта

Описание

Примеры

Дополнения

Бонусы

Где купить

Дополнения к книге

Ссылка на пиктограмму сайта, стр. 36

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

Браузер Internet Explorer кроме формата ICO поддерживает также формат BMP. Для этого создайте в графическом редакторе иконку сайта размером 16х16 пикселов и сохраните ее как BMP. Учтите, что файл должен называться по-прежнему — favicon.ico, с расширением ico.

Браузер Firefox 1.0 поддерживает и формат PNG для создания иконок.

Создание эффективного стиля, стр. 55

Следует добавить, что применение универсальных стилевых свойств оправданно как по части сокращения кода, так и удобства понимания кода CSS. Универсальным свойством будем называть такое, которое сразу же изменяет сразу несколько параметров. Например, margin одновременно задает отступы со всех сторон элемента. Если требуется установить разные отступы на разных сторонах, то аргументы перечисляем через пробел. Ниже показано, как это делается.

DIV {
margin: 1em 2em 10px 20px
}

DIV {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 10px;
margin-left: 20px
}

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

Применение параметра table-layout, стр. 65

Стилевой параметр table-layout в настоящее время поддерживается всеми популярными современными браузерами — Internet Explorer 6, Opera 8, Firefox 1.0, Netscape 8, Mozilla 1.7.

При использовании параметра table-layout содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от браузеров, которые по-разному интерпретируют параметр, но в любом случае ширина ячейки меняться не будет.

Поля, стр. 107

Браузеры по-разному интерпретируют поля и ширину блочных элементов. Согласно спецификации CSS ширина складывается из значения параметров width (ширина), border (граница), padding (поля) и margin (отступы). Понятно, что если ширина задана как 100%, то добавление к ней полей приведет к отображению горизонтальной полосы прокрутки. Другое дело, что Internet Explorer игнорирует эту часть спецификации и не меняет указанную ширину.

Чтобы создать универсальный код, лучше вообще не использовать значение 100%. Для блочных элементов по умолчанию установлен аргумент auto, который приводит к нужному виду. Так что листинг 5.25 будет содержать следующий код.

Листинг 5.25. Установка полей

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
DIV {
background: #fc3;
border: 1px solid black;
padding: 10px
}
</style>
</head>
<body>
<div>
...
</div>
</body>
</html>

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

Последнее обновление: 2005-10-21