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

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

Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье мы разобрали что такое пробелы в HTML. В данной статье я бы хотел рассказать о том, что такое спецсимволы в HTML и как их выводить. Спецсимволы — это такие символы, которых на клавиатуре нет, но их можно вывести по имени (или коду), например знак торговой марки . Практически в каждой своей статье я использую кавычки. Вставляю я их всегда через спецсимвол """, иначе они у меня выглядят по-разному, в зависимости от того, в какой раскладке я их выводил, например так — «Тест», что мне совсем не нравится.
Также в своих статьях я использую символы левой и правой угловых скобок, так как, если их просто проставить (например <head></head>) через клавиатуру, то браузер воспримет их как системные и не выведет их. Для вывода такой записи я использую &lt;head&gt;&lt;/head&gt;.

Как вы, наверное, уже обратили внимание, синтаксис у спецсимволов следующий (начинается с амперсанда, затем идёт имя символа, затем точка с запятой):

&имя_символа;

Спецсимволы можно выводить не только по имени, но ещё и по коду. Наиболее часто используемые спецсимволы и их имена показаны в таблице ниже:

Вид символа Имя символа Код символа
" &quot; &#34;
& &amp; &#38;
< &lt; &#60;
> &gt; &#62;
© &copy; &#169;
® &reg; &#174;
&trade; &#8482;

На самом деле, спецсимволов очень много. Например, на данном сайте, вы можете увидеть большое их количество.

Сейчас хочу привести javascript — код, с помощью которого вы сможете узнать код спецсимвола и соответственно вывести его:

<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<table border="1">
<tr><td>Вид символа</td><td>Код символа</td></tr>
<script type="text/javascript">
var i;
for (i = 33; i <= 200; i++) {
	document.write("<tr><td>"+String.fromCharCode(i)+"</td><td>#"+i+"</td></tr>");
}
</script>
</table>
</body>
</html>

В данном случае мы используем функцию fromCharCode().

Домашнее задание: обязательно наберите данный код и проверьте его работоспособность.

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

На связи был Алексей Гулынин, оставляйте свои комментарии, увидимся в следующих статьях.


Комментарии:

Один комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *