Веб-мастеру

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

поддержка браузеров: Internet Explorer все версии

Многоуровневый нумерованный список с выводом нумерации всех дочерних элементов

см. также: Свойство content

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

Приведём пример как добавить Flash-ролик (.swf) на страницу, не покидая рамки стандартов W3C. Этот код успешно проходит валидацию и соответствует современным веб-стандартам. Его можно спокойно использовать на страницах XHTML1.0 Strict или XHTML1.1

Вставляем flash-файл с параметрами и автоматической загрузкой flash-плеера, если он не установлен.

см. также: Вставка объекта Flash по стандартам XHTML

<p></p> - отделяется от других абзацев пустой строкой, каждый следующий тег абзаца (раздела,...) отменяет форматирование предыдущего.

<div></div> - работает также, как и <p>, но не оставляет пустых строк.

<span></span> - не делает перехода на новую строку.

средствами HTML:

   <meta http-equiv="refresh" content="15; url=http://perkoka.ru/">

параметры:

• content - время, в секундах, через которое произойдёт переход
• url - адрес, на который произойдёт переход

---

средствами PHP:

<?
header("Request-URI: index.php");
header("Content-Location: index.php");
header("Location: index.php");
?>

---

средствами JavaScript:

<script type="text/javascript">
   document.location.href = "index.php";
</script>

пример использования:

   <hr width="500" size="5" align="left" color="silver" noshade />

параметры:

• width - ширина (длина) линии
• align - выравнивание по горизонтали
  • left - выравнивание по левому краю
  • center - выравнивание по центру
  • right - выравнивание по правому краю
• color - цвет линии
• size - толщина в пикселах
• noshade - нет тени

пример использования:
бегущая строка

   <marquee width="100%" height="15" direction="left" behavior="alternate" scrollamount="1"><i>бегущая строка</i></marquee>

параметры:

• width (height) - ширина (высота) области действия marquee
• direction - задаёт направление движения
  • left - справо налево
  • right - слева направо
  • up - снизу вверх
  • down - сверху вниз
• behavior - способ движения
  • alternate - от края до края в зоне видимости
  • scroll - постоянно бежит
  • slide - доходит до края полосы (границы окна) и останавливается
• scrollamount - скорость движения (диапозон значений от 1 до 100)

пример 1:
Вставка фонового звука на страницу

<bgsound src="sound.mp3" />
<embed src="sound.mp3" width="1" height="1" volume="50" autostart="true" loop="true"></embed>

пример 2:
Вставка звука на страницу с пультом управления

   <embed src="sound/formula.mp3" width="200" height="40" controls="smallconsole" autostart="false" loop="true" play_loop="2" hidden="false"></embed>

параметры:

• width (height) - ширина (высота) пульта управления
• controls - тип пульта управления
• autostart - если значение равно true, то воспроизведение начнётся сразу после загрузки (значения true или false)
• loop - повторять ролик или нет (значения true или false)
• play_loop - количество повторений ролика
• hidden - показать или скрыть пульт управления (значения true или false)
• volume - громкость