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

html

Содержание:



Цвет html

В HTML существует несколько десятков названий цветов, но валидатор validator.w3.org расценивает их, как не соответствующие спецификациям HTML, кроме указанных в таблице. Например, значение цвета: orangered, для сайтов типа XHTML 0.1 Transitional, валидатор расценивает как ошибку. Поэтому значения цвета в HTML и CSS лучше задавать при помощи шестнадцатеричного кода, как в колонке «Значение».

Для сокращения можно писать: #fc4, вместо: #fc4fc4, или для черного: #000, вместо: #000000, если первых три символа после решетки совпадают с последующими тремя:

ЦветНазваниеЗначение
 aqua#00ffff
 black#000
 blue#0000ff
 fuchsia#ff00ff
 gray#808080
 green#008000
 lime#00ff00
 maroon#800000
 navy#000080
 olive#808000
 purple#800080
 red#f00000
 silver#c0c0c0
 teal#008080
 white#fff
 yellow#ffff00

Далее показана таблица безопасных web цветов для корректного отображения в старых браузерах. Для современных браузеров это не актуально и можно использовать любые значения цвета. Таблица поможет сориентироваться в цветовой гамме:

безопасные web цвета
Рис.1 Безопасные web цвета

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

Распространённые специальные символы, которые являются либо недопустимыми, как знак <, который является скобкой для обозначения тегов HTML. Либо это такой необходимый символ как неразрывный пробел, который иногда требуется вставить в код страницы, чтобы браузер не смел переносить строку в этом месте. Использовать можно как литерал, так и код символа.

НазваниеСимволЛитералКод
Амперсанд&&amp;&#38;
Длинное тире&mdash;&#8212;
Короткое тире&ndash;&#8211;
Угловые кавычки«&laquo;&#171;
»&raquo;&#187;
Двойные кавычки&laquo;&#8220;
&rdquo;&#8221;
Меньше<&lt;&#60;
Больше>&gt;&#62;
Умножение×&times;&#215;
Деление÷&divide;&#247;
Авторское право©&copy;&#169;
Зарегистрированная торговая марка®&reg;&#174;
Неразрывный пробел &nbsp;&#160;

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

Их также можно использовать для раскрутки, путем формирования привлекательного сниппета в поисковой выдаче Google. Создание расширенного сниппета сайта увеличивает его кликабельность (CTR), и приносит больше посетителей.

Старые браузеры, включая IE 8, не отображают все возможные специальные символы. Вместо двоеточия подставляйте цифру из заглавия колонки. Например, снеговик ☃ - (&#9731;), череп с костями ☠ - (&#9760;), а серп и молот ☭ - (&#9773;):

0 1 2 3 4 5 6 7 8 9
&#931..;
&#932..;
&#933..;
&#939..;
&#940..;
&#973..;
&#974..;
&#976..;
&#977..;
&#978..;
&#979..;
&#980..;
&#981..;
&#982..;
&#983..;
&#999..;
&#1001..;
&#1002..;
&#1003..;
&#1004..;
&#1010..;
&#1011..;
&#1012..;
&#1015..;
&#1016..;

Полную таблицу специальных символов Юникода (она громоздкая) с математическими символами, экзотическими алфавитами и др. знаками можно найти в Интернете.



Содержание: