Главная страница статей --> Советы по фотошопу, графике и хитрости в построении php кода

FAQ по HTML (часть 1)

Источник: realcoding.net

Чтобы страничка не кэшировалась у клиента?


Для этого нужно прописать в HTTP-response со стороны сервера параметры
Expires, Pragma и Cache-control.

Если вы не имеете доступа к настройкам сервера, то добавьте в <head> такие <meta>:

<meta http-equiv="Expires" content="Thu, Jan 1 1970 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">

Чтобы выровнять табличку по центру документа? И почему в NN и Opera не работает <table align="center">?


<table align="center"> - конструкция принципиально неверная. Параметр align в <table> предназначен для того, чтобы задать обтекание таблицы текстом, так же, как аналогичный параметр в <img>.

Правильно так:

<div style="align:center"><table>
....
</table></div>

Чтобы разместить текст, картинку или табличку в центре экрана?


Человек, который задает такой вопрос, не понимает, что такое HTML. Ему нужно хотя бы поверить в то, что никакого экрана у его клиента нет, что HTML - не привязанный к платформе язык, что браузер для слепых не показывает буквы, а читает их, и так далее.

Для тех, кто упорствует в ереси, есть решение с таблицей. Трудность в том, что никакого атрибута HEIGHT в стандарте нет, поэтому его реализация - это индивидуальные затеи браузера. Поэтому решение, которое предлагается здесь, нарочито неправильно и нестандартно.

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
Текст, картинка или табличка в центре экрана
</td>
</tr>
</table>

Чтобы междy каpтинками не было пpомежyтков?


Здесь мы вынуждены приспосабливаться к браузерам, которые не следуют стандарту и показывают CR LF так, как бог на душу положит. Обычно - как пробел, хотя в стандарте и сказано, что CR LF не должны показываться.

Первое решение с таблицей. Здесь есть надежда, что пустоты, не относящиеся к ячейкам, показаны не будут.

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><img src=...></td>
<td><img src=...></td>
</tr>
</table>

Второе решение тоже обходит противоестественные склонности браузеров. Картинки описываются без промежутков между тегами:

<img src=...><img src=...><img src=...><br><img src=...><img src=...>

Чтобы убрать промежутки между ячейками в таблице, которая получилась в результате разрезки целой картинки на куски?


Пропишите в таблице параметры border=0 cellspacing=0 cellpadding=0

Также нужно убирать пробелы и возвраты каретки между <td>, <img> и </td>.
Например, так:

<td><img src="kusok.gif" width="XXX" height="YYY" border="0"></td>
^ В местах, отмеченных галочками, пробелов нет!!! ^

Если на картинки навешаны ссылки, то <a> и </a> тоже должны быть вставлены без пробелов:

<td><a href="..."><img ...></a></td>

И еще раз проверьте, правильно ли вы нарезали картинки и указали их размеры

Чтобы форматировать текст по ширине?


В HTML 4 появилось еще одно значение для атрибута ALIGN абзаца. Третьими браузерами не поддерживается.

<p align="justify">
Ваш текст
</p>

Можно также использовать CSS:

P{text-align:justify;}

Как встроить свои шрифты в страничку?


Это делается разными методами в IE и NN и может вызвать большие проблемы в разных операционных системах и разных кодировках.

Рекомендуется вместо этого использовать стандартные font-family: serif (шрифт с засечками типа Times), sans-serif (рубленый, типа Arial) и monospace (моноширинный шрифт типа Courier). Не рекомендуется использовать fantasy и cursive - в IE это также может вызвать проблемы с кодировками, а в NN просто игнорируется.

Для небольших кусочков текста (заголовки, кнопки, спецсимволы) можно воспользоваться картинками, разумеется, с указанием параметра ALT.

Чтобы убрать синюю рамку вокруг картинки-ссылки?


Точно так же, как убирают любую другую рамку вокруг любой другой картинки:

<img border="0" ...>

Чтобы убрать или задать отступы содержимого странички от краев окна браузера?


<body leftmargin="X" topmargin="Y" rightmargin="X" bottommargin="Y"
marginwidth="X" marginheight="Y">

Для нулевых отступов X=Y=0

Грамотно также будет добавить в стили документа:

<style type="text/css"><!--
body{margin:0px;padding:0px;}
--></style>

Чтобы при смене страниц сам URL не изменялся?


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

Чтобы при нажатии на определенную область картинки происходил переход на один адрес, а при нажатии в другой области - на другой?


Стандарт позволяет пользоваться картами изображений. Полный формат описания карт поищите в стандарте. Обратите внимание, что при описании самой карты пишется просто имя_карты, а при описании картинки пишется #имя_карты, то есть здесь уже ссылка.

<img src="адрес_картинки" usemap="#имя_карты">
<map name="имя_карты">
...
</map>



Похожие статьи:
- Страшный зверь трафик
- Хороший дизайн должен приносить прибыль
- Создание сайтов - модель качественной верстки
- Создание собственной домашней студии web-дизайна? Реально!
- Графический счётчик на PHP
- Как Google индексирует сайты?
- FAQ по HTML (часть 2)
- Использование библиотек WMLScript
- Мобильный телефон как средство доступа в Internet
- Возможные области применения WAP
- Основы WML
- Каскадные таблицы стилей (преимущества и недостатки)
- Работа с Web-сервером Russian Apache


Оглавление | Обсудить на форуме | Главная страница сайта | Карта сайта |

Контакты
Редакция:
[0.001]