Типографика Самиздата
Материал из Космотеки
Содержание |
Ограничения HTML в «Самиздате»
Теги за пределами HTML версии 4.x будут удалены из текста при сохранении.
Если фрагменты текста не окаймлены блочными тегами (<p> … </p>, <pre> … </pre> и т.п.), то после переводов строки двигатель вставит <dd> с неразрывным пробелом. Выглядит это неряшливо, поэтому не ленитесь окаймить параграфы тегом <p> … </p> и не ставить лишних пробелов в пустых строках и в конце строк.
В тексте произведений недопустим активный контент (JavaScript, Java applet и т.п.), CSS и пользовательские стили. Двигатель всё это удалит. Ибо нефиг.
Если спецсимволы (коды или мнемоники HTML) вводятся в мнемонической, не в цифровой форме, то при повторном редактировании их HTML бесследно исчезнет, символы будут «в явном виде» и при сохранении такого текста с большой вероятностью превратятся не пойми во что. Поэтому совет: всегда храните то, что сохраняете как произведение на «Самиздате», в виде файла на вашем компьютере. Иначе могут быть неприятные открытия при попытке правки документа, содержащего спецсимволы.
В комментариях можно использовать все спецсимволы. Квадратные скобки используются для цитирования (выделяются цветом и курсивом), знак «больше» используется для обозначения цитирования.
Ещё раз: в таблице ниже рекомендуется использовать числовые варианты HTML для отображения спецсимволов в текстах и лентах комментариев на сайтах «Самиздата».
Советы
Создавать отступ в абзаце можно, поставив после тега <p> смесь простых и неразрывных (или иных — см. ниже) пробелов.
Двойные угловые кавычки и правильные тире с многоточиями — вот что радует глаз подлинного дизайнера. Кроме шуток: так текст выглядит гораздо приятнее и читается легче.
На самом «Самиздате» есть множество статей по вёрстке, пример: Как верстаться в Самиздате, или Дилетантский HTML.
Некоторые полезные HTML-последовательности
| Название | HTML | Пример разметки | Как это будет выглядеть |
|---|---|---|---|
| Амперсенд | & или & | M&M | M&M |
| Знак "меньше" | < или < | 2 < 3 | 2 < 3 |
| Знак "больше" | > или > | 4 > 1 | 4 > 1 |
| Неразрывный пробел | или   | неразрывное словосочетание | неразрывное словосочетание |
| Узкий пробел |   или   | узкий пробел | узкий пробел |
| Пробел ширины N |   или   | пробел N | пробел N |
| Пробел ширины M |   или   | пробел M | пробел M |
| Неразрывный дефис | ‑ | кое‑что | кое‑что |
| Тире длины N | – или – | Это – тире длины N | Это – тире длины N |
| Тире длины M | — или — | Это — тире длины M | Это — тире длины M |
| Знак ударения | ́ (ставить после буквы, для которой требуется знак ударения) | творо́г | творо́г |
| Направленная влево двойная угловая кавычка | « или « | «начало цитаты... | «начало цитаты... |
| Направленная вправо двойная угловая кавычка | » или » | ...конец цитаты » | ...конец цитаты» |
| Многоточие | … или … | …именно так! | …именно так! |
Полезные ссылки
Мнемоники в HTML (Википедия)
Unicode 3.0 character glyphs & numeric entities in HTML 4.01 (на английском языке)
Типограф
