Разрыв строк
Задание 12: Поместим сведения об авторских правах разработчика (т. е. о нас) в самый низ Web-страницы посредством изученного ранее тега <ADDRESS>:
<ADDRESS>Все права защищены. Фамилия И.О., 2012 год.</ADDRESS>
Обычно предупреждение о том, что авторские права защищены, и имя или название разработчика разносят на разные строки. Как это сделать?
Можно, конечно, использовать два тега <ADDRESS>: один — для предупреждения, а другой — для имени разработчика. Но тогда строки будут разделены довольно большим расстоянием. (Вспомним — тег <ADDRESS> ведет себя как абзац, т. е. отделяется от соседних абзацев отступом.) А это будет выглядеть некрасиво.
Выход — добавить разрыв строк HTML. Он выполняет безусловный перевод строки, в которой он присутствует, в том месте, где проставлен. Разрыв строки определяется одиночным тегом <BR>:
<P>Этот абзац будет разорван на две строки в этом<BR>месте.</P>
Разрыв строки также относится к встроенным элементам Web-страницы.
Вставьте разрыв строки в текст сведения об авторских правах, между точкой в первом предложении и началом второго предложения. Пробел между ними можно убрать — он там совершенно не нужен:
<ADDRESS>Все права защищены.<BR>Фамилия И.О., 2012 год.</ADDRESS>
Откроем исправленную Web-страницу в Web-обозревателе и посмотрим на результат: текст сведений об авторских правах должен быть разделен на строки в том самом месте, куда мы вставили тег <BR>.
Разрыв строк следует применять экономно, только в тех случаях, когда нужно разделить один абзац на несколько логически связанных частей. Ранее неопытные Web-дизайнеры с его помощью нередко разбивали текст на абзацы, но сейчас это дурной тон Web-дизайна.
Вставка недопустимых символов. Литералы
Задание 13: Откройте Web-страницу t_title.htm и посмотрите на код приведенного там примера использования тега <TITLE>. Там не хватает символов < и >, с помощью которых и создается тег HTML. Эти символы являются недопустимыми и не должны встречаться в обычном тексте. Мы заменили их восклицательными знаками, но текст стал от этого выглядеть хуже.
Существует способ поместить в обычный текст недопустимые символы. Создатели HTML решили, что, если напрямую эти символы вставить в текст нельзя, значит, их нужно заменить на особую последовательность символов, называемую литералом. Встретив литерал, Web-обозреватель "поймет", что здесь должен присутствовать соответствующий недопустимый символ, и выведет его на Web-страницу.
Литералы HTML начинаются с символа & и заканчиваются символом ; (точка с за-пятой). Между ними помещается определенная последовательность букв. Так, символ < определяется литералом <, а символ > — литералом >.
Сразу же исправим код примера (листинг 2.16):
Листинг 2.16
Литералов в HTML довольно много. Самые часто применяемые из них перечислены в табл. 2.2.
Таблица 2.2. Некоторые литералы языка HTML
Среди перечисленных в табл. 2.2 литералов и обозначаемых ими недопустимых символов особенно выделяется один. Это неразрывный пробел, обозначаемый литералом . По этому пробелу Web-обозреватель никогда не будет выполнять перенос строк.
Неразрывный пробел необходим, если в каком-то месте предложения перенос строк никогда не должен выполняться. Так, правила правописания русского языка не допускают перенос строк перед длинным тире. Поэтому крайне рекомендуется отделять длинное тире от предыдущего слова неразрывным пробелом:
<P>Неразрывный пробел — очень важный литерал.<P>
Здесь литерал создает неразрывный пробел, а литерал — — длинное тире.
Задание 14: В сведениях об авторских правах вставьте символ ©. Вот так:
<ADDRESS>Все права защищены.<BR>© Фамилия И.О., 2010 год.</ADDRESS>
HTML также позволяет вставить в текст любой символ, поддерживаемый кодировкой Unicode, просто указав его код. Для этого предусмотрен литерал вида &#<десятичный код символа>;.
Но как узнать код нужного символа? В этом нам поможет утилита Таблица символов, поставляемая в составе Windows. Запустим ее (рис. 2.3).
Рис. 2.3. Окно утилиты Таблица символов (выбран символ ©)
В большом списке символов, занимающем почти все окно этой утилиты, выберем нужный нам символ. После этого посмотрим на строку статуса, расположенную вдоль нижнего края окна. В правой ее части находится надпись вида Клавиша: Alt+<десятичный код символа>. Этот код нам и нужен.
Так, мы можем вставить в сведения об авторских правах символ ©, использовав литерал ©, где 0169 — десятичный код данного символа (см. рис. 2.3):
<ADDRESS>Все права защищены.<BR>© читатели, 2010 год.</ADDRESS>
Надпись Клавиша: Alt+<десятичный код символа> появляется в строке статуса окна Таблица символов только при выборе символов, которые нельзя ввести непосредственно с клавиатуры.