Советы по HTML и Web-дизайну. Примеры страниц

Kruphi kruphi@yandex.ru

HTML: краткие сведения-2

URL (адрес)
Ссылки и метки (якоря)
Внешние объекты: изображения, звуки...
- Изображения
- Внешние объекты
Кодирование символов и HTML-документ. Русские кодировки

Внешние объекты: изображения, звуки...

Сама web-страница содержит только текст и разметку. Однако на web-странице можно располагать объекты, находящиеся во внешних файлах: картинки, flash-анимацию, звуки и т.д. Браузер в зависимости от типа объекта обрабатывает его сам, либо передает дополнительным приложениям. Тип объекта определяет либо по расширению (.gif, .mpg, .swf), либо по специальному коду Content-Type="тип содержимого", вставляемому в текст документа (или заголовок, передаваемый сервером), например: text/html, image/gif, video/quicktime и т.д.

Изображения

Графические изображения (в формате gif, png, jpeg) вставляются на страницу с помощью тега <img src="..." alt="..." align="..."...>, где src - url файла с изображением; width и height - ширина и высота области на странице, в которой размещается объект (в пикселях); alt - альтернативный текст; align - выравнивание рисунка в окне; border - толщина рамки вокруг рисунка (в пикселях); usemap или ismap - с изображением связана карта активных областей (см. тег <map>) и т.д.
Пример: <img src="images/pic.jpg" alt="Картина" width="250" height="300" border="0">.

Внешние объекты

Прочие внешние объекты: звуковые файлы (wav, midi, mp3), flash (swf) и т.д. вставляются с помощью тега <embed src="..." width="..." height="..."...></embed>, где src - url файла с объектом; width и height - ширина и высота области на странице, в которой размещается объект (в пикселях); alt - альтернативный текст; type - тип файла и т.д.
Примеры:

<embed src="Molodye.mid" width="140" height="40" 
      autostart="false"></embed>

<embed src="X_FILES.WAV" width="120" height="40" 
      autostart="false"></embed>

<EMBED src="Zaika.swf" quality=high bgcolor=#FFFFFF width="550" 
      height="400" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

См. также теги <bgsound…>, <applet…>…</applet>, <script…>…</script>, <object…>…</object>.

В начало страницы

Кодирование символов и HTML-документ. Русские кодировки

В обычном тексте символу соответствует 8 бит (один байт), т.е. одновременно можно использовать только 2⁸ = 255 символов. Для HTML-документа по умолчанию предполагается кодировка iso-8859-1 (Latin-1), которая не содержит русских букв (!).

Замечание: Существуют 16- и 32-битные UNICODE кодировки (2 и 4 байта на символ), где одновременно можно использовать 2¹⁶ = 65536 или 2³² – более 4 млрд. символов. Но они значительно утяжеляют размер html-документа и поддерживаются не всеми браузерами и редакторами.

Выбор кодировки (2 способа):

HTTP-сервер по запросу браузера присылает web-страницу в одной из доступных кодировок. При этом обычно на сервер страница помещается в одной заранее оговоренной кодировке.
В заголовке страницы (между <head>…</head>) в теге <meta> явно указывается тип документа и его кодировка. Например, <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

Русские кодировки. К сожалению, исторически сложились и существуют различные кодировки Кириллицы: windows-1251 - кодировка, используемая в Windows; KOI8-R - кодировка Unix и Linux, 866 - кодировка DOS и т.д.

Произвольный символ. Выбрав одну кодировку можно вставлять произвольные символы через их UNICODE код, например, ö или ö – западноевропейская ö, λ – греческая λ, Б – русская Б и т.д. Таким же образом вставляются и специальные символы:   – неразрывный пробел, " – кавычка ("), < и &qt; – угловые скобки (< и >).