Среда, 08.01.2025, 20:03
Главная Регистрация RSS поиск
Приветствую Вас, Гость
Меню сайта
Категории раздела
HTML [44]
Visual C++ и MFC [21]
c++ [78]
php [19]
Javascript [15]
C# [51]
загрузки [0]
XNA [10]
создание игр с помощью xna
Наш опрос
Каким языком программирования вы увлекаетесь
Всего ответов: 2420
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » Статьи » HTML

2.5 Символьные подстановки.
Урок №1: Введение в языки разметки

Как бы ни был широк выбор кодировок и разнообразен набор символов, существует следующее ограничение: не все символы можно набрать на клавиатуре! Например, символ зарегистрированного торгового знака - ®, или торговой марки - ™.

Несомненно, можно воспользоваться утилитой вставки символа, стандартной для Windows. Однако не все редакторы в состоянии такой символ отобразить. Кроме того, Этой утилиты может и не быть у разработчиков, предпочитающих другие операционные системы. Как поступать в таких случаях? Воспользоваться символьными подстановками. Символьные подстановки представляют собой специальную последовательность, преобразуемую браузерами в заданный символ. Подстановку можно осуществить несколькими способами:

  • &мнемокод; - вставка символа по его "мнемокоду" (имени).
  • &#КОД10; - вставка символа по его десятичному коду.
  • &#xКОД16; - вставка символа по его шеснадцатиричному коду.

Например, следующие подстановки заменяются символом ®

  • ®
  • ®
  • ®

Символьные подстановки применяются не только для вставки символов, которых нет на клавиатуре, но, так же для вставки символов, имеющих специальное назначение в XHTML. К примеру, вы никогда не задумывались, как вывести на страницу текст, содержащий XHTML тэги? Например такую фразу:

"Для вывода текста полужирным начертанием, выделите его 
тэгами <strong> и </strong>".

Символы "<" и ">" играют особую роль в XHTML - начинают и завершают тэги. Поэтому непостедственная вставка их в код страницы приведет к интерпретации <strong> и </strong> как тэгов и не даст желаемого результата. Итак, вывод: используем символьные подстановки.

Ниже приводится таблица наиболее популярных символьных подстановок:

Символ Мнемокод 10 Код 16 Код Пояснение
Табл. 2.4.1 Наиболее важные символьные подстановки
< &lt; &#60; &#x3C;  
> &gt; &#62; &#x3E;  
& &amp; &#38; &#x26;  
" &quot; &#34; &#x22;  
  &nbsp; &#160; &#A0; Символ "неразрывного пробела". Слова, разделяемые им не переносятся поотдельности.
  &shy; &#173; &#AD; Символ "мягкого переноса". Части слова, соединяемые им, переносятся, при необходимости. На месте переноса отображается символ "-"
© &copy; &#169; &#A9;
® &reg; &#174; &#AE;
&trade; &#8482; &#2122;

Пожалй, символы &nbsp; и &shy; заслуживают более пристального внимания. Эти символы не визуализируются непосредственно, как, например, символы & или © и используются в довольно специфических случаях.

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

Символ &nbsp; создает пробел, однако, в отличие от обычного пробела, несколько символов &nbsp;, записанных подряд, не удаляются браузером. Кроме того, если несколько слов соединяются неразрывным пробелом, то при достижении границы окна браузера, все эти слова вместе будут перенесены на следующую строку. Такой подход используется, например, при записи Ф.И.О., или наименования организации:

Листинг №2.5.1: Использование неразрывного пробела
...
<p>Символ "неразрывный пробел" используется в тех случаях, 
когда необходимо предотвратить нежелательный перенос слов 
при записи названий организаций или инициалов. Например - 
<b>WWW&nbsp;Consortium</b> или <b>Артемов&nbsp;АН</b>. 
Чтобы увидеть результат, изменяйте ширину окна и следите
за поведением выделенных фрагментов.
</p>
...

Мягкий перенос

В противоположность неразрывному пробелу, символ мягкого переноса - &shy; служит для создания переноса в том месте, где это может потребоваться. При этом, на месте переноса появляется символ "-". Если перенос не требуется, символ &shy; не визуализируется. Пприменяется мягкий перенос преимущественно в длинных словах, для более рамномерного распределения текста на странице.

Ниже приводится пример, демонстрирующий использование символа &shy;:

Листинг №2.5.2: Применение мягкого переноса
<p>В 1991 году была предпри&shy;нята попытка создать единую 
универ&shy;сальную двухбай&shy;товую коди&shy;ровку, охваты&shy;вающую 
все алфавиты и иерогли&shy;фичес&shy;кие системы мира. Результа&shy;том 
стал стандарт ...
</p> 

Пример содержит 2 абзаца. Один из них использует мягкий перенос, другой - нет. Изменяйте размер окна и следите за переносом слов обоих абзацев.

Категория: HTML | Добавил: slava (18.07.2009)
Просмотров: 4048 | Рейтинг: 3.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]