Скрипты для сайта
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Теги HTML
Терминология языка HTML
Теги HTML по алфавиту
Теги HTML по типу
Уроки HTML начинающим
CSS
Введение в стили CSS
Параметры шрифта и фона
Отображения текста
Отступы,рамки и выделение
Параметры абзацев,списков
Параметры таблиц
Специальные селекторы
Реклама
Зарабатываю на smmka.ru
Все для сайта
Все для графики
Меню и навигация
Слайдеры и слайдшоу
Кнопки и иконки
Tooltips
Аудио и видео плееры
Формы и таблицы

Оформление текста

Вставка недопустимых символов. Литералы



Давайте откроем Web-страницу t_title.htm и посмотрим на код приведенного там примера использования тега "title". Чего там не хватает? Правильно — символов < и >, с помощью которых и создается тег HTML. Эти символы являются недопустимыми и не должны встречаться в обычном тексте. Мы заменили их восклицательными знаками, но код стал от этого выглядеть просто ужасно.

Так есть ли способ все-таки поместить в обычный текст недопустимые символы? Есть, и весьма изящный.

Создатели HTML решили, что, если уж напрямую эти символы вставить в текст нельзя, значит, их нужно заменить на особую последовательность символов, называемую литералом. Встретив литерал, Web-обозреватель "поймет", что здесь должен присутствовать соответствующий недопустимый символ, и выведет его на Web-страницу.

Литералы HTML начинаются с символа & и заканчиваются символом ; (точка с запятой). Между ними помещается определенная последовательность букв. Давайте-же сразу же исправим код примера (листинг 3.4).




Листинг 3.4


<!DOCTYPE html>

&lt;html&gt;

&lt;head&gt;

&lt;body&gt;

<pre> <hб>Пример:</h6>

&lt;title&gt; Я — заголовок Web-страницы &lt;/title&gt;

</pre&gt; &lt;/body>

&lt;head&gt; &lt;/html&gt;



Откроем исправленную Web-страницу в Web-обозревателе. Вот теперь теги в примере отображаются со всеми положенными символами
< и >!
Литералов в HTML довольно много. Самые часто применяемые из них перечислены в таблице!


Недопустимый символ

Литерал HTML

— (длинное тире)

- (короткое тире)

&cpuot ;

&

&

"

<

"

>

©

©

®

®

Левая двойная кавычка

&ldcuo;

Левая угловая кавычка

&lacuo;

Левый апостроф

&lscuo;

Многоточие

Неразрывный пробел

 

Правая двойная кавычка

&rdcuo;

Правая угловая кавычка

4raqjo;

Правый апостроф

Srsqjo;

Символ евро

Seuro;




Среди перечисленных в табл. 3.2 литералов и обозначаемых ими недопустимых символов особенно выделяется один. Это неразрывный пробел, обозначаемый литералом &nbsp;. По этому пробелу \¥еЪ-обозреватель никогда не будет выполнять перенос строк.

Неразрывный пробел необходим, если в каком-то месте предложения перенос строк никогда не должен выполняться. Так, правила правописания русского языка не допускают перенос строк перед длинным тире. Поэтому крайне рекомендуется отделять длинное тире от предыдущего слова неразрывным пробелом:

<p>Неразрывный пробел &#160; очень важный литерал.<p>

Литерал
&nbsp; создает неразрывный пробел.
Литерал
&mdash; — длинное тире.

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

<address>Bce права защищeны.<BR>© читатели, 2010.</address>

HTML также позволяет вставить в текст любой символ, поддерживаемый кодировкой Unicode, просто указав его код. Для этого предусмотрен литерал вида:

&#"десятичный код символа";.

Но как узнать код нужного символа? Очень просто. В этом нам поможет утилита Таблица символов, поставляемая в составе Windows. Давайте запустим ее и посмотрим на ее окно (рис. 3.2).





В большом списке символов, занимающем почти все окно этой утилиты, выберем нужный нам символ. После этого посмотрим на строку статуса, расположенную вдоль нижнего края окна. В правой ее части находится надпись вида Клавиша: Alt+десятичный код символа". Этот-то код нам и нужен!

Внимание! Надпись Клавиша: Alt+"десятичный код символа" появляется в строке статуса окна Таблица символов только при выборе символов, которые нельзя ввести непосредственно с клавиатуры.
Так, мы можем вставить в сведения об авторских правах символ
©, использовав литерал &#169;, где 169 — десятичный код данного символа (см. рис. 3.2):

<address>Все права зашищены.<br>&#169; читатели, 2010 год.</address>

Вот и все о литералах HTML. Да и об оформлении текстов тоже.
Заработай сейчас!
Заработай сейчас
Навигация по сайту






Поиск по сайту

Друзья сайта
Самоучитель html
Все для веб-мастера
Музыка для души
Мир развлечений
Скачать кино бесплатно!
Видеоклипы online
Хостинг от uCoz
Avon
Присоединяйтесь
к   Avon
img