Специальные символы и коды HTML для сайтов

На предыдущих уроках было размещено достаточное количество кода на HTML. Напрашивается вопрос, как браузер узнает, когда теги <h1></h1> являются управляющими, т.е. делают текст заголовком, а когда их нужно просто напечатать, как текст.

На самом деле все, что находится в < > браузер считает управляющими тегами ВСЕГДА. А если необходимо отобразить эти символы на экране, то приходится записывать их особым образом, используя специальные символы HTML.

Существуют целые таблицы символов html и их значениями. Мы рассмотрим только основные:

&lt; - знак "меньше"
&gt; - знак "больше"
&nbsp; - непрерывный пробел
&copy; - знак "copyright"
&amp; - знак "амперсанд"
&laquo; - левая открывающаяся кавычка
&raquo; - правая закрывающаяся кавычка
&uarr; - стрелка вверх
&rarr; - стрелка вправо
&darr; - стрелка вниз
&larr; - стрелка влево
&harr; - двунаправленная стрелка влево-вправо


Пример кода:
<html> <head> <title>Заголовок документа</title> </head> <body> Мы ужинали в ресторане &laquo;Тройка&raquo;.<br> 3 &gt; 2 <!-- Old_YandexMetrika --><!-- Old_YandexMetrika --><!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter36680855 = new Ya.Metrika({ id:36680855, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, ut:"noindex" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/36680855?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter36680855 = new Ya.Metrika({ id:36680855, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, ut:"noindex" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/36680855?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>