Синтаксис записи сообщений и комментариев

Оглавление

• HTML-теги, доступные для использования в форуме
  • <p...> - начало нового параграфа
  • <br> - переход на новую строку
  • <cite> - цитата
  • <em>, <i> - выделение курсивом
  • <strong>, <b> - выделение жирностью
  • <font color=...> - выделение цветом
  • <small>, <big> - уменьшенный/увеличенный шрифт
  • <sub>, <sup> - нижний и верхний индексы
  • <samp>, <code> - примеры чего-либо, набранные моноширинным шрифтом
  • <img...> - вставка изображения
  • <a...> - ссылка на другую Web-страницу
• Специальные символы HTML
• Автоматическая верификация и коррекция HTML

В простейшем случае, набирая текст сообщения или комментария, Вы можете не задумываться о его оформлении. В форуме текст будет выглядеть примерно так же, как в окне редактора. Для простейшего форматирования текста можно использовать переходы на следующую строку (клавиша ENTER или RETURN) и серии пробелов.

Для более качественного оформления можно использовать некоторые HTML-теги, а именно: <p>, <br>, <cite>, <em>, <i>, <strong>, <b>, <font color=...>, <sub>, <sup>, <samp>, <code>, <img...>, <a...>, а также специальные символы HTML, описываемые комбинациями вида &xxxx; . Ниже кратко описывается использование таких тегов, а также некоторые их особенности в рамках данного форума.
 

HTML-теги, доступные для использования в форуме

Если Вы знакомы с HTML, Вы можете пропустить этот и следующий разделы и перейти сразу к разделу "Автоматическая верификация и коррекция HTML". Информацию, приведенную ниже, Вы можете также найти в любом популярном учебнике или справочнике по HTML.

HTML-тег - это некоторый текст, заключенный в угловые скобки < >. Текст тега начинается с имени тега, за которым может следовать несколько атрибутов. Атрибут имеет вид
        имя="xxxx"
где "имя" - название атрибута, а "xxxx" - заключенное в двойные кавычки значение атрибута.

Например, тег
        <p align="center">
означает, что последующий текст представляет собой независимый параграф (отделенный от предыдущего текста довольно большим пробелом), который следует центрировать по горизонтали. Здесь "p" - имя тега, "align" - название атрибута, "center" - значение атрибута. Центрирование задается атрибутом "align".

Многие теги должны сопровождаться последующими закрывающими тегами, отмечащими конец действия тега. Для тега с именем nnn закрывающий тег имеет вид </nnn>. Среди тегов, разрешенных для использования в форуме, в закрывающих тегах нуждаются все теги, кроме <img>, <p> и <br>.

Например, запись
        <font color="Red">некоторый текст</font> другой текст
означает, что текст между <font color="Red"> и </font> будет выведен красным цветом:
        некоторый текст другой текст

Далее кратко описаны HTML-теги и атрибуты, которые допускается использовать в сообщениях форума.
 

<p...> - начало нового параграфа

Отмечает начало нового параграфа. Это значит, что последующий текст начнется с новой строки и будет отделен от предыдущего заметным промежутком. Например,

будет выведено так:

Концом каждого параграфа считается начало следующего. В конце параграфа, перед следующим <p>, можно - но не обязательно - указать закрывающий тег </p>.

При теге <p...> можно указывать атрибут align, описывающий горизонтальное выравнивание параграфа. Допустимые значения:
        align="center": выравнивание по центру;
        align="right": выравнивание вправо.
(По умолчанию, текст выравнивается влево.) Например,

будет выведено так:

Важное замечание. Рассмотренные далее теги <em>, <i>, <strong>, <b>, <font color=...>, <sub>, <sup>, <samp>, <code> должны закрываться (парным закрывающим тегом) внутри того же параграфа, в котором они были открыты. Например, такой пример корректен:

а такой нет:

<br> - переход на новую строку

Выполняет переход на новую строку. В отличие от тега <p>, последующий текст не считается отдельным параграфом и не отделяется вертикальным промежутком. Например,

будет выведено так:

При работе с данным форумом Вам не понадобится писать тег <br> вручную: он добавляется автоматически перед каждым сделанным Вами переходом на новую строку. Так, если Вы наберете в редакторе

то в действительности будет опубликован такой HTML-текст:

В порядке исключения, такая замена не производится, если первым символом следующей строки является начало нового параграфа - тег <p...>.

<cite> - цитата

При написании сообщения или комментария часто бывает нужно процитировать другое сообщение. Для выделения цитаты можно использовать теги <cite>...</cite>. Например:
        <cite>некоторый текст</cite> другой текст
выглядит как
        некоторый текст другой текст

<em>, <i> - выделение курсивом

Текст между парой тегов <em>...</em> выделяется курсивом. Например:
        <em>некоторый текст</em> другой текст
выглядит как
        некоторый текст другой текст

Тег <i> по смыслу аналогичен <em>. Между ними, однако, существует тонкое различие, делающее тег <em> более предпочтительным.

А именно, тег <em>, согласно стандарту HTML, означает только то, что текст внутри <em>...</em> необходимо как-то подчеркнуть, акцентировать на нем внимание. Такой тег понятен, например, голосовому броузеру, читающему вслух содержимое Web-страницы: такой броузер произнесет выделенное слово или группу слов с ударением (emphasis).

В то же время, тег <i> всегда означает именно курсив (italic). Тот же голосовой броузер может просто проигнорировать этот тег.
 

<strong>, <b> - выделение жирностью

Текст между парой тегов <strong>...</strong> выделяется большей жирностью. Например:
        <strong>некоторый текст</strong> другой текст
выглядит как
        некоторый текст некоторый другой текст

Тег <b> по смыслу аналогичен <strong>. Отличие между <strong> и <b> такое же, как между <em> и <i>. В большинстве случаев, рекомендуется использовать тег <strong>.
 

<font color=...> - выделение цветом

Текст между парой тегов <font color="xxx">...</font> выделяется цветом "xxx". Например:
        <font color="Red">некоторый текст</font> другой текст
выглядит как
        некоторый текст другой текст

В качестве "xxx" можно указывать следующие названия цветов (регистр букв не имеет значения): Black, Navy, Green, Teal, Maroon, Purple, Olive, Gray, Silver, Blue, Lime, Aqua, Red, Fuchsia, Yellow , White. Можно также указать шестнадцатиричное описание цвета в компонентах RGB (Red-Green-Blue, Красный-Зеленый-Синий) следующим образом: <font color="#RRGGBB">. Здесь RR - шестнадцатиричная запись красной компоненты цвета, GG - зеленой компоненты, BB - синей компоненты. Например, "#FF0000" означает чисто красный цвет, "#808000" - смесь темно-красного и темно-зеленого, т.е. оливковый.
 

<small>, <big> - уменьшенный/увеличенный шрифт

Текст между парой тегов <small>...</small> выводится более мелким шрифтом. Например:
        <small>некоторый текст</small> другой текст
выглядит как
        некоторый текст другой текст

Аналогично, текст между парой тегов <big>...</big> выводится более крупным шрифтом. Например:
        <big>некоторый текст</big> другой текст
выглядит как
        некоторый текст другой текст
 

<sub>, <sup> - нижний и верхний индексы

Текст между парой тегов _... оформляется как нижний индекс. Например:
        A₅
выглядит как
        A₅

Аналогично, текст между парой тегов ^... оформляется как верхний индекс. Например:
        A⁵
выглядит как
        A⁵
 

<samp>, <code> - примеры чего-либо, набранные моноширинным шрифтом

Текст между парой тегов <samp>...</samp> выводится моноширинным шрифтом. Например,

будет выглядеть так:

Это удобно для вставки цитат или примеров, взятых из каких-нибудь других текстов.

Теги <code>...</code> аналогичны по действию, но предназначены прежде всего для вставки примеров программ или скриптов.
 

<img...> - вставка изображения

Позволяет вставлять изображения в Ваше сообщение. Такая возможность требует от Вас, чтобы изображение было уже размещено (опубликовано) в формате JPG, GIF или PNG на каком-либо общедоступном Web-сайте - например, Вашем собственном. Если у Вас еще нет собственного Web-сайта, нет никаких проблем его организовать: к Вашим услугам множество бесплатных серверов, позволяющих публиковать свои Web-страницы (и, конечно, изображения). Некоторые примеры таких серверов:
        www.xoom.com
        www.tripod.com
        www.fortunecity.com
        www.i-connect.ru
Мы можем взять на себя публикацию Вашего изображения на нашем Web-сайте. Для этого просто отправьте изображение (или серию изображений) на e-mail адрес forum@siams.com; мы ответим Вам, по какому Internet-адресу можно найти это изображение. Допускаются любые популярные графические форматы: мы сами выполним необходимые преобразования. Вы можете также сопроводить изображение текстом сообщения, которое Вы хотите добавить в форум.

Если Вы располагаете изображением, опубликованным на Web-сайте, то для его вставки в Ваше сообщение используется следующий синтаксис:
        <img src="http://xxxx" width="nnn" height="nnn">,
где xxxx - полный Internet-адрес Вашего изображения, width и height - ширина и высота изображения в пикселах. Атрибуты width и height не обязательны, но желательны: при их наличии загрузка страницы с Вашим сообщением будет выглядеть несколько изящнее. (При отсутствии width и height броузер вначале покажет Вашу картинку в виде маленькой иконки, которая после полной загрузки изображения увеличится до настоящих размеров, "раздвинув" окружающий текст.)

Пример:
        <img src="http://siams.com/root/forum/forum.jpg" width="170" height="170">
выглядит так:

       

Если Вы хотите вставить большое изображение - например, 500x500 пикселов или более - мы рекомендуем сделать для него уменьшенную версию (например, 200x200) и использовать для вставки несколько более сложный способ:

При таком способе, уменьшенная картинка будет гипертекстовой ссылкой на полную версию изображения: щелчок мышки по ней будет открывать полную версию. Подробнее о теге <a...> см. ниже.

Кроме width и height, в теге <img...> можно использовать следующие атрибуты.

• alt="некоторый текст": этот текст появится вместо картинки, если пользователь отключил визуализацию картинок в своем броузере, или если броузер не поддерживает графику (например, голосовой броузер). Кроме того, в современных броузерах этот текст будет "всплывать" при наведении мышки на изображение.
• title="некоторый текст": в некоторых броузерах, этот текст "всплывает" при наведении мышки на изображение. (Если одновременно указан атрибут "alt", то "всплывать" будет текст из атрибута "title".) Гарантированно работает только в Microsoft Internet Explorer начиная с версии 4.0.
• border="некоторое число": организует простейшую рамку вокруг изображения указанной толщины. Такая рамка по умолчанию появляется вокруг изображения, если оно помещено внутрь тега <a...>; обычно данный атрибут используется (со значением 0) для отмены такой рамки.
• hspace="некоторое число", vspace="некоторое число": эти атрибуты обеспечивают отступы по краям изображения, hspace - слева/справа, vspace - сверху/снизу.
• align="xxx", возможные варианты: "absbottom", "absmiddle", "baseline", "bottom", "left", "middle", "right", "texttop", "top". Управляет выравниванием изображения относительно окружающего текста. Особый интерес представляют значения "left" и "right", размещающие изображение вблизи левого/правого края страницы и заставляющие текст "обтекать" изображение. Остальные варианты проще всего уяснить себе, немного поэкспериментировав с ними.
   

<a...> - ссылка на другую Web-страницу

Позволяет организовать гипертекстовую ссылку на другой Web-сайт. Синтаксис:
        <a href="http://xxxx">название ссылки</a>
где xxxx - адрес сайта или конкретной Web-страницы. Например, запись

организует ссылку на главную страницу упаковщика Web-страниц AlgART HTML Packer, размещенную на сайте siams.com:

Кроме обязательного атрибута "href", тег <a...> может иметь дополнительный атрибут "title". Значение атрибута - это некоторый текст, который будет "всплывать" при наведении мышки на ссылку. Этот атрибут воспринимается не всеми броузерами; гарантированно он работает только в Microsoft Internet Explorer начиная с версии 4.0. В любом случае, вреда от него не будет. Например:

Алгоритм форума автоматически добавляет ссылки для всех выражений вида "http://некоторый_адрес", которые Вы написали в тексте сообщения. Например, если Вы наберете в редакторе

то в действительности будет опубликовано:

Специальные символы HTML

Некоторые символы нельзя использовать в тексте сообщения напрямую. Например, нельзя использовать знаки < и >  (они зарезервированы для обозначения HTML-тегов), а также символы & и ". Если все же возникает необходимость вставить в сообщение такой символ, для этого нужно использовать специальную комбинацию:
        < кодируется как "&lt;"
        > кодируется как "&gt;"
        & кодируется как "&amp;"
        " кодируется как "&quot;"

Подобные комбинации можно использовать для ввода некоторых специальных символов. В частности:
        "&copy;" означает знак авторского права ©
        "&sect;" означает знак параграфа §
        "&nbsp;" означает неразрывный пробел - в процессе автоматического форматирования броузер никогда не разделяет слова, между которыми стоит неразрывный пробел. Типичный пример: "Автор В.&nbsp;Пупкин".

Внимание! В приведенных сокращениях регистр букв всегда должен быть нижним, а заключительная точка с запятой является обязательной.
 

Автоматическая верификация и коррекция HTML

При добавлении сообщения введенный Вами HTML-текст автоматически верифицируется. Все теги и атрибуты, кроме описанных выше, исключаются. Перед каждым переходом на новую строку добавляется тег <br> (см. подробнее), фрагменты вида http://xxxx преобразуются в ссылки (см. подробнее).

Если Вы забыли закрыть какой-нибудь тег, нуждающийся в парном закрывающем теге (например, написали <font color="Red">..., но забыли добавить </font>), соответствующий тег автоматически добавляется в конец текста.

Если Вы набрали последовательно несколько пробелов - например, для организации отступа - все пробелы, кроме последнего, заменяются специальным символом неразрывного пробела (&nbsp;). (Если этого не сделать, цепочка пробелов будет воспринята как один пробел - таковы требования стандарта HTML.)

Если Вы использовали двойные кавычки в своем тексте, они автоматически заменяются на правильную комбинацию: &quot; (см. "Специальные символы HTML").