Laquo raquo что это
Чтобы отобразить на экране ключевые символы языка HTML, а также символы, для которых нет клавиш на клавиатуре (или коды этих клавиш интерпретируются неоднозначно) в HTML предусмотрено специальное кодирование.
Не для всех символов в стандарте HTML предусмотрены мнемонические имена. Но любой символ можно закодировать с помощью его числового кода так:
Коды некоторых символов приведены в таблице:
| Название символа | Изображение | Мнемоника | Код |
|---|---|---|---|
| Меньше | < | < | |
| Больше | > | > | > |
| Амперсанд | & | & | & |
| Неразрывный пробел | |||
| Копирайт | © | © | © |
| Тире | — | — | — |
| Левая ёлочка | « | « | « |
| Правая ёлочка | » | » | » |
| Нижняя лапка | „ | „ | |
| Левая лапка | “ | “ | |
| Правая лапка | ” | ” | |
| Многоточие | … | … | … |
| Параграф | § | § | § |
| Номер | № | № |
Все буквы, составляющие имя специального символа, должны быть строчными (т. е. маленькими). Использование таких обозначений, как &NBSP и &, не допускается!
Дефис, тире, дюймы, кавычки
Дефис используется как знак переноса и для соединения частей сложного слова. Тире же, наоборот, вставляет в текст как бы небольшую паузу. Это разные знаки! Тире должно быть длиннее дефиса раза в три!
Дефис гораздо короче: посмотри-ка!
Ниже показана разница между кавычками и знаком дюйма:
Дискета 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>
Задание
Запишите в редакторе символ простой дроби «одна четвёртая». Найти мнемонику этого символа можно на «Википедии»
Упражнение не проходит проверку — что делать?
Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:
- Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.
В моей среде код работает, а здесь нет
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Мой код отличается от решения учителя
Это нормально , в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.
В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Прочитал урок — ничего не понятно
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.
Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.