Перейти к содержимому

Laquo raquo что это

  • автор:

Laquo raquo что это

Чтобы отобразить на экране ключевые символы языка HTML, а также символы, для которых нет клавиш на клавиатуре (или коды этих клавиш интерпретируются неоднозначно) в HTML предусмотрено специальное кодирование.

Не для всех символов в стандарте HTML предусмотрены мнемонические имена. Но любой символ можно закодировать с помощью его числового кода так:

Коды некоторых символов приведены в таблице:

Название символа Изображение Мнемоника Код
Меньше < <
Больше > > >
Амперсанд & & &
Неразрывный пробел    
Копирайт © © ©
Тире
Левая ёлочка « « «
Правая ёлочка » » »
Нижняя лапка
Левая лапка
Правая лапка
Многоточие
Параграф § § §
Номер

Все буквы, составляющие имя специального символа, должны быть строчными (т. е. маленькими). Использование таких обозначений, как &NBSP и &AMP, не допускается!

Дефис, тире, дюймы, кавычки

Дефис используется как знак переноса и для соединения частей сложного слова. Тире же, наоборот, вставляет в текст как бы небольшую паузу. Это разные знаки! Тире должно быть длиннее дефиса раза в три!

Дефис гораздо короче: посмотри-ка!

Ниже показана разница между кавычками и знаком дюйма:

Дискета 3.5″

“Текст в кавычках”

«И этот текст в кавычках»

Слева от тире в середине предложения ставится неразрывный пробел, а справа — обычный.

Код предыдущего абзаца записывается так:

Слева от тире в середине предложения ставится неразрывный пробел, а справа — обычный.

Неразрывный пробел

Пробел   потому и называется неразрывным, что браузеру запрещается использовать его место для разрыва строки при автоматическом форматировании текста.

Вот характерные случаи использования этого символа (рекомендации Дмитрия Кирсанова):

Между инициалом и фамилией:

Вид Код
И. Сидоров И. Сидоров
А. А. Дуванов А. А. Дуванов

В многословных сокращениях:

Вид Код
т. д. т. д.
т. п. т. п.

Между знаком номера или параграфа и числом, относящимся к нему:

Вид Код
№ 13 № 13
§ 1 § 1

Между маркером пункта и текстом, следующим за ним:

Вид Код
a) Первый пункт a) Первый пункт
1. Первый пункт 1. Первый пункт

Между числом и единицей измерения, относящейся к нему:

Вид Код
220 В 220 В
1024 байт 1024 байт
XXI век XXI век
2007 г. 2007 г.

Перед тире в середине предложения (после тире идет обычный пробел):

Вид Код
Пиксел — это точка на экране. Пиксел — это точка на экране.

Между классами многозначных чисел, начиная с пятизначных:

Вид Код
32 541 32 541
4 937 543 246 4 937 543 246

Перед номерами версий программных продуктов и частями их названий:

Вид Код
Windows XP Windows XP
Photoshop 9 Photoshop 9

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

Как вы уже знаете, в HTML несколько идущих подряд обычных пробелов заменяются одним пробелом. Если вы напишете 10 пробелов в тексте, браузер удалит 9 из них. Чтобы добавить в тексте реальные пробелы, вы можете использовать неразрывный пробел ( ).

Неразрывный дефис (&#8209;), как и неразрывный пробел не допускает разрыв текста в месте его использования.

Кавычки.

В полиграфии существует три вида кавычек: двойные угловые кавычки или «елочки» (« »), типографские кавычки (“ ”) и рукописные «лапки» („ ”). При работе с программными кодами вы будете пользоваться двойными прямыми кавычками (» «) и одинарными прямыми кавычками (‘ ‘).
По традиции в русском языке основным видом кавычек считаются “елочки”. В HTML «елочкам» соответствуют символы « и ». Во многих изданиях вместо «елочек» используются также типографские кавычки и двойные прямые кавычки.
Левой и правой типографским кавычкам соответствуют символы и соответственно, а нижней левой кавычке — .
Прямым двойным кавычкам соответствует спецсимвол ".

Применение спецсимволов кавычек показано в следующем примере:

Пример: Использование кавычек

«Почитаю-ка я “Самоучитель HTML”» — подумал я.

«Почитаю-ка я “Самоучитель HTML”» — подумал я.

Дефис и тире.

В полиграфии существует три очень похожих друг на друга знака: длинное тире, короткое тире и дефис. Из них на компьютерной клавиатуре есть только один — это дефис. Именно его обычно и используют во всех случаях, когда в тексте нужно поставить дефис или тире. Тем не менее следует придерживаться определенных правил пунктуации относительно применения этих знаков.
Так, дефис (-) применяется только внутри слов или между цифрами. Длинное тире (—), ставится между словами в предложении и отделяется от этих слов пробелами. Длинному тире соответствует ссылка-мнемоника . Короткое тире (–) ставится между цифрами без букв или между словами, которые набраны прописными буквами, а также используется в качестве знака «минус» в математических формулах. Между коротким тире и словами пробел не ставится. Короткому тире соответствует ссылка-мнемоника .

Применение дефиса и тире показано в следующем примере:

Пример: Спецсимволы — и –

Веб-страница что-то слишком долго открывается.
Она должна загружаться за 2–4 секунды.
Время – деньги.

Веб-страница что-то слишком долго открывается.
Она должна загружаться за 2–4 секунды.
Время – деньги.

Перечень некоторых популярных спецсимволов HTML

Разновидности спецсимволов

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

Обратите внимание: Не все спецсимволы имеют соответствующее мнемоническое имя. Тем не менее, всем символам присваивается числовой код, который является уникальным. Поэтому, если вы не найдете имя нужного символа, используйте его аналог — числовой код.

В слудующем примере видно как один и тот-же символ можно отобразить, использую разные коды:

Пример: Спецситмвол €

Мнемоническое имя: €
Десятичный код: €
Шестнадцатиричный код: €

Мнемоническое имя: €

Десятичный код: €

Шестнадцатиричный код: €

Вопрос про спецсимволы в meta-тегах.

В meta-тегах title/keywords/description необходимо поставить кавычки, тире и др.. Как это лучше сделать — через спецсимволы или напрямую? Не будут ли выдавать поисковики вместо кавычек эти самые спецсимволы?

На сайте с 14.11.2003
16 декабря 2003, 09:23

Сегодня приходил робот Rambler’а. Взял страничку, где в title кавычки и тире заменены на спецсимволы. В выдаче все нормально. Вопрос снимается.

На сайте с 31.01.2001
16 декабря 2003, 10:25

А что, изменения так быстро попадают в базу Рамблера? Насчет спецсимволов — видел отрицательный опыт использования символов из старшей половины кодовой таблицы, хотя в HTML для этих символов (угловые кавычки) есть специально предусмотренные обозначения типа « и » . В этом случае вместо кавычек Яндекс показывает градусы. Сделано в филиале самой известной студии. Т.е. я был в шоке. Там еще и пробелы есть не 0x20, а 0xA0, вместо них идет псевдографика. Вот IE — нормально показывает.

Выделенные полосы в Москве (http://www.probkovorot.info) привели к снижению скорости до 23%.
На сайте с 14.11.2003
16 декабря 2003, 14:23
Как писал Kost
А что, изменения так быстро попадают в базу Рамблера?

Ну да. Я могу судить об этом по тегу title в Rambler’е, в котором, благодаря спецсимволам, тире стало заметно длиннее (обычное тире в два раза меньше). Да и с кавычками все в порядке. Но все же. Как лучше прописывать, в виде спецсимволов или обойтись без них (в Google и Yandex)?

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

В тексте возможно использование специальных символов — мнемоник. Они позволяют использовать знаки, которые присутствуют в таблице символов, но отсутствуют на клавиатуре, например, математические или греческие:

Для записи этих символов используется конструкция &название-символа; Важно соблюдать регистр букв в названии символа.

Для примера возьмём символы мастей у карт:

Символ Код

Со многими из этих символов можно ознакомиться на «Википедии».

Основными типографическими мнемониками в HTML являются:

  •   — неразрывный пробел. Очень важная вещь, которая позволяет не переносить строку с пробелом там, где это может испортить логическую структуру текста
  • « и » — традиционные «кавычки-ёлочки». Повсеместно используются в типографике
  • — — длинное тире

Мнемоники распространены, когда необходимо вставить теги без их обработки браузером. В таком случае можно воспользоваться мнемониками < и > , которые нужны для обозначения и > соответственно:

<p> такая разметка не будет обработана как параграф </p> 

Задание

Запишите в редакторе символ простой дроби «одна четвёртая». Найти мнемонику этого символа можно на «Википедии»

Упражнение не проходит проверку — что делать? ��

Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:

  • Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.

В моей среде код работает, а здесь нет ��

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Мой код отличается от решения учителя ��

Это нормально ��, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.

В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Прочитал урок — ничего не понятно ��

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.

Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.

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

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