Совет 1: Как написать тег

В электронных учебниках по HTML приходится помещать в состав текста фрагменты исходных кодов страниц. Но браузер, обнаружив в тексте треугольные скобки, сам примет их за теги, которые вместо показа пользователю выполнит. Приходится использовать вместо этих знаков коды-заменители.
Инструкция
1
Можно вставить в текст электронного учебника фрагмент HTML-кода в виде изображения. Например, если оно называется example0001.gif, код для его вставки будет выглядеть так: <img src=example0001.gif>. Недостаток этого способа заключается в том, что читатель учебника не сможет скопировать фрагмент через буфер в редактор и проверить его работоспособность.
2
Более удобный способ заключается в использовании вместо треугольных скобок их многосимвольных кодов, которые браузер при показе пользователю автоматически заменит на соответствующие символы. Вместо левой треугольной скобки используйте код "&lt";, а вместо правой - "&gt" (без кавычек);. Например, чтобы записать тег <img src=example0001.gif>, используйте код &lt;img src=example0001.gif&gt;.
3
Также треугольные скобки тегов можно показывать в тексте при помощи других кодов: для левой скобки - "&#60;", а для правой - "&#62;". Например: &#60;img src=example0001.gif&#62;.
4
Используя указанные выше конструкции, можно заставлять браузер отображать и другие знаки, при условии, что они расположены в пределах первой или второй части классической 256-символьной таблицы ASCII. В общем виде эти коды выглядят так:"&symbolname;", где symbolname - условное название символа;"&#nnn;", где nnn - номер символа в таблице ASCII.
5
Использовать указанные выше конструкции для помещения в текст на HTML-странице каких-либо иных знаков, кроме треугольных скобок, при использовании кодировки Unicode необходимости нет. Но они пригодятся в том случае, если требуется вставить знаки ©, §, ¾, ¿ или аналогичные, а желания запускать редактор OpenOffice.org Writer, Abiword или Microsoft Word и открывать таблицу символов у веб-дизайнера нет. Также можно использовать данный прием для быстрого включения в текст веб-страницы латинских букв с умляутами: è, ö, и т.п. Учтите, что при составлении сообщений в форумах, а также при использовании систем управления содержимым WordPress, MediaWiki или аналогичных, символы, помещенные в текст таким образом, могут и не распознаться. Все зависит от настроек «движка», сделанных владельцем сервера.

Совет 2: Как указать кодировку

В исходном коде веб-страниц следует помещать указание кодировочной таблицы символов для использования ее браузером при отображении содержимого. Способ, которым это должно быть сделано, описывается в стандартах W3C (World Wide Web Consortium).
Инструкция
1
Для указания кодировки HTML-документа используется тег META, который следует размещать внутри заголовочной части исходного кода страницы. Заголовочным называют блок, выделенный тегами <head> и </head>. Чтобы этот метатег воспринимался браузером как указатель на таблицу кодировки, в его атрибут content надо поместить «кодовое слово» charset, и после знака равенства указать ссылку на нужную кодировку. Выглядеть это может, например, так:<meta http-equiv="Content-type" content="text/html;charset=windows-1251">Здесь указана ссылка на таблицу кодов windows-1251, содержащую буквы русского алфавита - именно она наиболее часто используется в русскоязычной части интернета. Вам нужно написать после charset= свое значение. Это может быть, например, таблица символов юникода UTF-8, или другие содержащие кириллические символы кодировки (koi8-r, iso-ir-111, koi8-u, x-cp866, iso-8859-5, x-mac-cyrillic, ibm855).Если документ написан по стандартам XHTML, то перед последним знаком (">") надо добавить пробел и слэш (" />"). Весь этот тег необходимо разместить как можно ближе к началу заголовочной части документа (<head>). Как правило, он следует за тегом <title>.
2
Чтобы добавить указание на кодировку, которую браузер должен использовать при отображении содержимого документа, откройте для редактирования исходный код страницы. В HTML-исходнике вам нужно для начала определить, какой стандарт синтаксиса использован для написания тегов. Эта информация помещается обычно в самой первой строке, в теге, начинающемся с <!DOCTYPE... В зависимости от того, ссылка на который стандарт указана в нем (XHTML или HTML), вам надо откорректировать код метатега, который будет указывать кодировку. Подготовив строку кода к вставке, найдите тег </title> и в следующую за ним строку впишите свой метатег. Если в вашем документе не найдется такого тега, то вставьте указание кодировки сразу после тега <head>. После этого сохраните отредактированную страницу.
3
Кодировку следует указывать и во внешних файлах стилей, если в них есть элементы, использующие символы национальных языков. В первую строчку CSS-файла нужно добавить такое определение:@charset "windows-1251";Конечно, windows-1251 вам надо заменить своим значением.
4
В языке HTML есть также способ указать кодировку документа, на который указывает гиперссылка. Для этого используется атрибут charset. Например:<a href="http://kakprosto.ru" charset="UTF-8">Как Просто!</a>
Видео по теме
Видео по теме
Источники:
  • Полный список символов и соответствующих им HTML-кодов приведен в следующей таблице:
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500