Распечатать статью

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

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

Для этого нужно прописать в 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>

Источник: internet-technologies.ru 
Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи