HTML: Специальные символы HTML
В тексте возможно использование специальных символов — мнемоник. Они позволяют использовать знаки, которые присутствуют в таблице символов, но отсутствуют на клавиатуре, например, математические или греческие:
Для записи этих символов используется конструкция &название-символа; Важно соблюдать регистр букв в названии символа.
Для примера возьмём символы мастей у карт:
| Символ | Код |
|---|---|
| ♣ | ♣ |
| ♠ | ♠ |
| ♥ | ♥ |
| ♦ | ♦ |
Со многими из этих символов можно ознакомиться на «Википедии».
Основными типографическими мнемониками в HTML являются:
— неразрывный пробел. Очень важная вещь, которая позволяет не переносить строку с пробелом там, где это может испортить логическую структуру текста«и»— традиционные «кавычки-ёлочки». Повсеместно используются в типографике—— длинное тире
Мнемоники распространены, когда необходимо вставить теги без их обработки браузером. В таком случае можно воспользоваться мнемониками < и >, которые нужны для обозначения < и > соответственно:
<p> такая разметка не будет обработана как параграф </p>Задание
Запишите в редакторе символ простой дроби «одна четвёртая». Найти мнемонику этого символа можно на «Википедии»
HTML: Специальные символы HTML
В тексте возможно использование специальных символов — мнемоник. Они позволяют использовать знаки, которые присутствуют в таблице символов, но отсутствуют на клавиатуре, например, математические или греческие:
Для записи этих символов используется конструкция &название-символа; Важно соблюдать регистр букв в названии символа.
Для примера возьмём символы мастей у карт:
| Символ | Код |
|---|---|
| ♣ | ♣ |
| ♠ | ♠ |
| ♥ | ♥ |
| ♦ | ♦ |
Со многими из этих символов можно ознакомиться на «Википедии».
Основными типографическими мнемониками в HTML являются:
— неразрывный пробел. Очень важная вещь, которая позволяет не переносить строку с пробелом там, где это может испортить логическую структуру текста«и»— традиционные «кавычки-ёлочки». Повсеместно используются в типографике—— длинное тире
Мнемоники распространены, когда необходимо вставить теги без их обработки браузером. В таком случае можно воспользоваться мнемониками < и >, которые нужны для обозначения < и > соответственно:
<p> такая разметка не будет обработана как параграф </p>Задание
Запишите в редакторе символ простой дроби «одна четвёртая». Найти мнемонику этого символа можно на «Википедии»
Ваше упражнение проверяется по этим тестам
const { test } = require('tests');
test(({ expect }) => {
const text = document.body.innerHTML.trim();
expect(text).to.equal('¼');
});Решение учителя откроется через:
20:00
