HTML-код апострофа: корректный символ ’

Быстрый ответ

Чтобы вставить апостроф в HTML, используйте HTML-сущности ' или ' – это обеспечит его совместимость и корректное отображение в различных браузерах.

Пример:

<p>It&apos;s sunny.</p>

Отобразится как: Солнечно.

Варьируемые HTML-сущности для апострофа

Прямой и косой апострофы

Наличествуют, как правило, HTML-сущности и для прямого, и для косого апострофов. Числовая HTML-сущность для прямого апострофа — '. В HTML5 настоятельно рекомендовано использовать именно ее. В случае же с косым апострофом подходит вариант ’.

Подробнее об этом расскажет наш спикер на видео

Любимый вопрос типографии

Вопрос выбора между прямым и косым апострофом во многом определяется нормами типографии. Профессионалы в создании книг и сайтов часто выбирают ’ ради эстетической привлекательности.

Зависимость от doctype

HTML-сущность ' описана в XML и XHTML, но не была представлена в HTML4, что обуславливает её отсутствие поддержки в старых браузерах.

Взаимосвязь апострофов, кавычек и кодировок

Одинарные кавычки

Одинарные кавычки в HTML легко вставить с помощью таких сущностей как ‘ и ’. Это позволяет их визуально вписать в естественный текстовый контекст.

Двойные кавычки

Для двойных кавычек предусмотрены HTML-сущности “ и ”, что создаёт гармоничный обзор слева и справа.

Внедряем UTF-8

Когда используется кодировка UTF-8, нет необходимости в применении специальных сущностей, достаточно указать в HTML документе правильную кодировку:

<meta charset="UTF-8">

Это избавит от проблем с отображением символов.

Визуализация

Пройдемся по визуализации процесса преобразования апострофа в HTML:

Клавиши апострофа (`'`) имеют одно деление на клавиатуре:

Кнопка: '          HTML-код:      ' или '

И вот как апостроф трансформируется для HTML:

На клавиатуре:     ' **конвертируется** 🎹
В HTML:           &apos; или &#39; 🌐 <!-- Магия HTML!😀 -->

Поэтому обыкновенный символ с клавиатуры становится допустимым для веба.

Когда приемлемо использовать или nije: применение HTML-сущностей апострофа

Выбор типа апострофа может казаться малозначительным, однако он вносит вклад в восприятие текста. Вот несколько советов:

В пользовательском интерфейсе

В пользовательском интерфейсе программы использование прямых апострофов (' или ') максимально облегчает восприятие.

В основном тексте и в цитатах

Применение косого апострофа ’ обеспечивает профессиоональный вид текста и соответствие правилам типографии.

В HTML-коде

Прямые апострофы часто применяются в значениях HTML-атрибутов (alt, title и др.), ведь они не нарушают синтаксис, когда используются в кавычках вокруг этих атрибутов.

При локализации контента

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

Полезные материалы

1. Символы HTML-сущностей – начальное руководство от W3Schools.
2. HTML стандарт – подробная документация от WhatWG.
3. Глифы – практическое руководство по HTML-сущностям с акцентом на типографику от CSS-Tricks.
4. Когда нецелесообразно использовать '? – обсуждение на Stack Overflow о тонкостях применения апострофа.
5. Символ апострофа в HTML – станица HTML Arrows с кодами апострофа.
6. Список символов сущностей XML и HTML – объемный справочник символов от Википедии.