Физическое форматирование html-документа
В предыдущих версиях HTML элементы, отвечающие за форматирование документа, делились на две группы: элементы
физического и логического форматирования. Однако в пятой версии языка все элементы физической разметки, которые не были удалены, изменили свое
назначение и стали относиться к группе элементов логического форматирования.
Физическое форматирование html-документа – это процесс форматирования
html-кода при помощи набора соответствующих элементов разметки, которые используются в основном для определения
внешнего вида своего содержимого при отображении его браузером.
Приведем описание тегов, которые в предыдущих версиях HTML можно было смело отнести к
тегам физического форматирования:
-
<b>
(от англ. bold – жирный)
– элемент разметки «b», сформированный данным тегом, отображает свое содержимое
полужирным шрифтом; в HTML 5 он обозначает стилистическое усиление своего содержимого, например,
ключевых слов, которые выделяются в типографике полужирным начертанием; -
<i>
(от англ. italic – курсивный)
– элемент разметки «i», сформированный данным тегом, отображает свое
содержимое курсивом; в HTML 5 он обозначает дополнительное выделение своего содержимого, например,
иностранных слов, технических терминов, вставок рукописного текста, короче того, что выделяется курсивом в типографике; -
<u>
(от англ. unarticulated – невнятный) – содержимое элемента
разметки «u», сформированного данным тегом, отображается подчеркнутым; в
HTML 5 он в основном используется для стилистического выделения слов с орфографическими ошибками или имен
собственных в китайском языке; -
<s>
(от англ. strike out – зачеркнутый) – содержимое элемента
разметки «s», сформированного данным тегом, отображаетсязачеркнутым; в
HTML 5 он используется для текста, который потерял свою актуальность, например, для старой цены продукта; -
<sub>
(от англ. subscript – нижний индекс) – элемент разметки
«sub», сформированный данным тегом, отображает свое содержимое в виде нижнего индекса; -
<sup>
(от англ. superscript – верхний индекс) – элемент разметки
«sup», сформированный данным тегом, отображает свое содержимое в виде верхнего индекса.
Все перечисленные элементы формируются соответствующими парными тегами и отображаются браузерами как строчные элементы.
Использование перечисленных элементов разметки показано в примере №1.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Элементы физической разметки</title> </head> <body> <b>Я – просто жирный текст.</b> <br> <i>Я – курсивный.</i> <br> <u>Я – подчеркнутый.</u> <br> <s>Я – зачеркнутый.</s> <br> А вот это выражение похоже на странную формулу:<br> a<sup>верхний индекс</sup> + b<sub>нижний индекс</sub>.<br><br> Для изменения внешнего вида используйте не нас, а стили CSS! </body> </html>
Пример №1. Использование элементов физической разметки
Как видим, указанные теги вполне можно было бы использовать для физической разметки документа. Тем более, что сами названия явно указывают на
предназначение элементов: italic, bold, underline и т.д. Однако все это пережитки старых версий, и применять какие-либо теги
только лишь для изменения внешнего вида текста крайне не рекомендуется. Ведь в HTML 5 все теги имеют логическую
нагрузку, хотя отношение некоторых из них к логическим и выглядит несколько натянутым. Однако в любом случае, теперь
HTML 5 практически полностью используется в веб-программировании, как инструмент логической разметки документа, а
за внешний вид отвечает CSS.
Диакритические знаки
Диакритический знак — это «символ» добавленный в строку.
Некоторые диакритические знаки, как степень ( ̀) и острый ( ́) называются акцентами.
Диакритические знаки могут появляться как над буквой, так и под ней, внутри буквы и между двумя буквами.
Диакритические знаки могут использоваться в сочетании с буквенно-цифровыми символами для получения символа,
отсутствующего в наборе символов (кодировке), на используемой странице.
Вот несколько примеров:
| Маркировка | Символ | Конструкция | Результат |
|---|---|---|---|
| ̀ | a | à | à |
| ́ | a | á | á |
| ̂ | a | â | â |
| ̃ | a | ã | ã |
| ̀ | O | Ò | Ò |
| ́ | O | Ó | Ó |
| ̂ | O | Ô | Ô |
| ̃ | O | Õ | Õ |
Вы увидите больше символов HTML в следующей главе этого урока.
Как это работает?
Метод всегда принимает два параметра:
- searchValue — значение для поиска
- replaceValue — значение для замены
Первым параметром мы передадим регулярное выражение. Литеральное объявление регулярного выражения в JavaScript обозначается двумя косыми линиями / /. Между этими линиями записывается конструкция сопоставления — шаблон регулярного выражения (pattern).
У шаблона достаточно большой синтаксис по оформлению, но в нашем случае достаточно знать два производства:
- Утверждения (Assertion)
- Атомы (Atom)
Знак доллара $ принадлежит утверждению № 2 и означает правую границу строки.
Знак точки . принадлежит атому № 2 и означает один какой-то любой символ.
Вторым параметром мы передаём пустую строку. Мы меняем найденное на пустую строку. По смыслу происходит удаление, хотя по факту это операция замены.
Результат:
Метод replace и регулярное выражение — JavaScript
Когда мы закинем в первый параметр метода это регулярное выражение, тогда в строке будет найден символ «» и заменён на «ничего». То есть метод вернёт нам новую строку без последнего символа.
Атрибут lang
Атрибут lang позволяет указать основной язык, используемый в документе, но этот атрибут хранится в HTML только для обратной совместимости с предыдущими версиями HTML. Этот атрибут был заменен атрибутом xml:lang в новых документах XHTML.
Когда атрибут lang включен в тег <html>, он задает язык, который используются в документе. При использовании внутри других тегов, атрибут lang указывает язык, используемый в пределах этого тега. В идеале, браузер будет использовать lang чтобы лучше представить текст для пользователя. Например, страница, на которой используется английский язык:
<html lang=en>
<head>
<title>English Language Page</title>
</head>
<body> This page is using English Language
</body>
</html>
Атрибут alt
Вы уже знаете, что изображения вставляются в Web-страницы с помощью одинарного тега <img>. Атрибут alt добавляется внутрь тera <img> и определяет для добавленноrо на WеЬ-страницу rpaфическоrо элемента альтернативный текст. Этот текст называется альтернативным, поскольку может отображаться на экране как альтернатива самому изображению.
В следующем примере вы увидите, как браузер работает с атрибутом alt, когда появляется «отсутствующее» изображение. Если рисунок не может быть найден или по какой-то причине не загружается, вместо него выводится значение атрибута alt. Поменяйте имя файла с изображением с orange.jpg на pencil.jpg. На самом деле такого файла не существует, поэтому вы получите «отсутствующее» изображение.
Неразрывный пробел
Общий характер объекта, используемого в HTML неразрывный пробел:
Неразрывное пространство — это пространство, которое не разорвется на новую линию.
Два слова, разделенные неразрывным пробелом, будут держаться вместе (а не разорвется на новую строку).
Это удобно, когда нарушение слов может быть разрушительным.
Примеры:
- § 10
- 10 km/h
- 10 PM
Еще одно распространенное использование неразрывного пространства — это предотвращение обрезать браузерами пробел на HTML страницах.
Если вы напишете 10 пробелов в тексте, браузер удалит 9 из них.
Чтобы добавить реальные пробелы в текст, вы можете использовать символьную сущность.
Неразрывный дефис (‑) позволяет использовать символ дефиса (‑) это не сломает.
Тег: nodeName и tagName
Получив DOM-узел, мы можем узнать имя его тега из свойств и :
Например:
Есть ли какая-то разница между и ?
Да, она отражена в названиях свойств, но не очевидна.
- Свойство есть только у элементов .
- Свойство определено для любых узлов :
- для элементов оно равно .
- для остальных типов узлов (текст, комментарий и т.д.) оно содержит строку с типом узла.
Другими словами, свойство есть только у узлов-элементов (поскольку они происходят от класса ), а может что-то сказать о других типах узлов.
Например, сравним и на примере объекта и узла-комментария:
Если мы имеем дело только с элементами, то можно использовать или , нет разницы.
Имена тегов (кроме XHTML) всегда пишутся в верхнем регистре
В браузере существуют два режима обработки документа: HTML и XML. HTML-режим обычно используется для веб-страниц. XML-режим включается, если браузер получает XML-документ с заголовком: .
В HTML-режиме значения всегда записаны в верхнем регистре. Будет выведено вне зависимости от того, как записан тег в HTML или .
В XML-режиме регистр сохраняется «как есть». В настоящее время XML-режим применяется редко.
Атрибут title
Рассмотрим следующий пример:
Пример HTML:
Попробуй сам
В этом примере используется тег <abbr>, который предназначен для обозначения аббревиатуры или акронима. В начальном теге элемента дополнительно был добавлен атрибут. Этот атрибут содержит заголовок для элемента.
Имя атрибута title. В этом примере, мы дали ему значение .
Атрибут title может (необязательно) использоваться в любом HTML — элементе, чтобы предоставить дополнительную информацию о содержимом элемента.
При использовании атрибута title, большинство браузеров будет отображать его значение как «всплывающую подсказку», когда пользователь наводит указатель мыши на элемент.
Индексация символов в строке
Каждому символу в строке соответствует порядковый номер (начиная с 0). Это работает и с элементами в массивах. Давайте посмотрим, как индексируются символы в строках:
![Символьные подстановки, cпецсимволы в html, мнемоники [айти бубен]](https://fuzeservers.ru/wp-content/uploads/0/3/d/03d99a6d40e1589d76176e1da7880f35.webp)
//Инициализация примитивной строки const primitiveString = ‘Hello world! Im fine’; console.log(primitiveString); // выведет H console.log(primitiveString); // выведет e console.log(primitiveString); // выведет пробел
Также можно использовать команду charAt(), передавая в качестве параметра индекс символа, который нам нужно получить:
console.log(primitiveString.charAt(0)); // выведет H console.log(primitiveString.charAt(19)); // выведет e console.log(primitiveString.charAt(5)); // выведет пробел
Если нужно получить символы между определенными индексами, то используем метод slice:
//Инициализация примитивной строки const primitiveString = ‘Hello world! Im fine’; console.log(primitiveString.slice(6, 11)); // выведет world
Если не указывать второй параметр в качестве ограничения промежутка индексов, то мы получим все символы (с первого параметра до конца строки):
console.log(primitiveString.slice(13)); // выведет Im fine
Нестандартные атрибуты, dataset
При написании HTML мы используем много стандартных атрибутов. Но что насчёт нестандартных, пользовательских? Давайте посмотрим, полезны они или нет, и для чего они нужны.
Иногда нестандартные атрибуты используются для передачи пользовательских данных из HTML в JavaScript, или чтобы «помечать» HTML-элементы для JavaScript.
Как тут:
Также они могут быть использованы, чтобы стилизовать элементы.
Например, здесь для состояния заказа используется атрибут :
Почему атрибут может быть предпочтительнее таких классов, как , , ?
Это потому, что атрибутом удобнее управлять. Состояние может быть изменено достаточно просто:
Но с пользовательскими атрибутами могут возникнуть проблемы. Что если мы используем нестандартный атрибут для наших целей, а позже он появится в стандарте и будет выполнять какую-то функцию? Язык HTML живой, он растёт, появляется больше атрибутов, чтобы удовлетворить потребности разработчиков. В этом случае могут возникнуть неожиданные эффекты.
Чтобы избежать конфликтов, существуют атрибуты вида .
Все атрибуты, начинающиеся с префикса «data-», зарезервированы для использования программистами. Они доступны в свойстве .
Например, если у есть атрибут , то обратиться к нему можно как .
Как тут:
Атрибуты, состоящие из нескольких слов, к примеру , становятся свойствами, записанными с помощью верблюжьей нотации: .
Вот переписанный пример «состояния заказа»:
Использование атрибутов – валидный, безопасный способ передачи пользовательских данных.
Пожалуйста, примите во внимание, что мы можем не только читать, но и изменять data-атрибуты. Тогда CSS обновит представление соответствующим образом: в примере выше последняя строка меняет цвет на синий
Присвоение идентификатора элементу
Атрибут элемента — это идентификатор, который должен быть уникальным во всем документе. Его цель состоит в том, чтобы однозначно идентифицировать элемент при ссылке на него, написании сценариев или стилизации (с помощью CSS).
У вас не должно быть двух элементов с одинаковым идентификатором в одном документе, даже если атрибуты привязаны к двум различным типам элементов. Например, следующий код неверен:
Браузеры сделают все возможное, чтобы выполнить этот код, но может возникнуть неожиданное поведение при стилизации или добавлении функциональности с помощью JavaScript.
Чтобы ссылаться на элементы по их идентификатору в CSS используйте префикс перед идентификатором:
Чтобы перейти к элементу с идентификатором на заданной странице, добавьте с элемента в URL-адрес:
Эта функция поддерживается в большинстве браузеров и не требует дополнительной работы JavaScript или CSS.
nodeValue/data: содержимое текстового узла
Свойство есть только у узлов-элементов.
У других типов узлов, в частности, у текстовых, есть свои аналоги: свойства и . Эти свойства очень похожи при использовании, есть лишь небольшие различия в спецификации. Мы будем использовать , потому что оно короче.
Прочитаем содержимое текстового узла и комментария:
Мы можем представить, для чего нам может понадобиться читать или изменять текстовый узел, но комментарии?
Иногда их используют для вставки информации и инструкций шаблонизатора в HTML, как в примере ниже:
…Затем JavaScript может прочитать это из свойства и обработать инструкции.
Неразрывный пробел
Основное назначение неразрывного пробела ( ) (от non-breaking space) — разделять слова, но запрещать в этом месте переход на новую строку.
Поскольку размер окна браузера непостоянен, переход на новую строку в абзаце происходит автоматически. При этом браузер будет разрывать строку в любом месте, где стоит пробел или дефис. Согласно правилам орфографии существуют языковые конструкции, которые нельзя разрывать. К конструкциям с неразрывным пробелом, например, можно отнести:
- фамилии с инициалами;
- длинные тире с предшествующим им словом;
- односложные слова с последующим словом;
- цифры с последующими единицами измерения.
Примеры:
- § 7
- 15 м/с
- 100 км/час
Как вы уже знаете, в HTML несколько идущих подряд обычных пробелов заменяются одним пробелом. Если вы напишете 10 пробелов в тексте, браузер удалит 9 из них. Чтобы добавить в тексте реальные пробелы, вы можете использовать неразрывный пробел ( ).
| Неразрывный дефис (&#8209;), как и неразрывный пробел не допускает разрыв текста в месте его использования. |
7 ответов
Лучший ответ
Этот?
Примере
Обновление: на основе этого вопроса это
Это лучшее решение. Он дает тот же результат, но делает это быстрее.
The Regex
— это регулярное выражение для «пробела», а — «глобальный» флаг, означающий соответствие ВСЕ (пробелы).
Отличное объяснение можно найти здесь .
Как примечание, вы можете заменить содержимое между одинарными кавычками на что угодно, поэтому вы можете заменить пробел любой другой строкой.
1170
Jonathan
10 Июл 2017 в 13:41
Хотя есть способы использовать регулярные выражения для удаления пробелов, есть простая функция, которая может удалить все пробелы, называемые :
-5
Eric Xue
30 Мар 2019 в 01:13
Следующий ответ @rsplak: на самом деле использование пути split / join быстрее, чем использование regexp. Ознакомьтесь с тестовым примером.
Так
Работает быстрее чем
Для небольших текстов это не актуально, но для случаев, когда важно время, например, в анализаторах текста, особенно при взаимодействии с пользователями, это важно. С другой стороны, обрабатывает широкий спектр пробелов
Среди и он также совпадает с символом , и это то, во что включается при получении текста с помощью
С другой стороны, обрабатывает широкий спектр пробелов. Среди и он также совпадает с символом , и это то, во что включается при получении текста с помощью .
Поэтому я думаю, что здесь можно сделать следующий вывод: если вам нужно только заменить пробелы , используйте split / join. Если в классе символов могут быть разные символы — используйте
24
Minstel
1 Фев 2017 в 18:50
Хотя регулярные выражения могут быть медленнее, во многих случаях разработчик манипулирует только несколькими строками одновременно, поэтому скорость не имеет значения. Хотя / / быстрее, чем / \ s /, наличие символа \ s объясняет, что происходит с другим разработчиком, возможно, более четко.
Использование Split + Join позволяет в дальнейшем манипулировать цепочкой.
SoEzPz
14 Июн 2019 в 14:33
Два способа сделать это!
71
vsync
14 Июн 2018 в 10:06
Примечание. Хотя вы используете «g» или «gi» для удаления пробелов, оба ведут себя одинаково.
Если мы используем ‘g’ в функции замены, она проверит точное совпадение. но если мы используем ‘gi’, он игнорирует чувствительность к регистру.
2
Raveendra007
28 Авг 2015 в 11:52
8
Muhammad Tahir
5 Июн 2015 в 12:09
Удаление недвижимости в JavaScript
На этой странице представлено много разных опций не потому, что большинство опций неверны — или потому что ответы являются дубликатами, а потому, что подходящий метод зависит от ситуации, в которой вы находитесь, и целей задач, которые вы и/или вы Команда пытается выполнить. Чтобы ответить на ваш вопрос однозначно, нужно знать:
- Версия ECMAScript, на которую вы ориентируетесь
- Диапазон типов объектов, для которых вы хотите удалить свойства, и тип имен свойств, которые необходимо пропустить (Только строки? Символы? Слабые ссылки, сопоставленные с произвольными объектами? Все это были типы указателей свойств в JavaScript в течение многих лет )
- Этос/паттерны программирования, которые вы и ваша команда используете. Вы предпочитаете функциональные подходы, и мутация в вашей команде — это словесно, или вы используете методы объектно-ориентированных мутаций на Диком Западе?
- Вы хотите добиться этого в чистом JavaScript или хотите и можете использовать стороннюю библиотеку?
После того, как на эти четыре запроса дан ответ, по сути, в JavaScript есть четыре категории «удаления свойств», чтобы удовлетворить ваши цели. Они есть:
Мутативное удаление свойства объекта, небезопасное
Эта категория предназначена для работы с литералами объекта или экземплярами объекта, когда вы хотите сохранить/продолжить использовать исходную ссылку и не используете функциональные принципы без сохранения состояния в вашем коде. Пример синтаксиса в этой категории:
Эта категория является самой старой, самой простой и наиболее широко поддерживаемой категорией удаления имущества. Он поддерживает и индексы массивов в дополнение к строкам и работает во всех версиях JavaScript, кроме самого первого выпуска. Тем не менее, это мутация, которая нарушает некоторые принципы программирования и влияет на производительность. Это также может привести к неперехваченным исключениям при использовании в ненастраиваемые свойства в строгом режиме .
Пропуск свойства покоя на основе строки
Эта категория предназначена для работы с обычными объектами или массивами в более новых разновидностях ECMAScript, когда требуется немутативный подход и вам не нужно учитывать ключи Symbol:
Мутативное удаление свойства объекта, безопасно
Эта категория предназначена для работы с литералами объекта или экземплярами объекта, когда вы хотите сохранить/продолжить использовать исходную ссылку, защищая от исключений, возникающих в неконфигурируемых свойствах:
Кроме того, хотя изменяющиеся объекты на месте не являются объектами без сохранения состояния, вы можете использовать функциональную природу для частичного применения и других функциональных методов, которые невозможны с помощью операторов .
Отсутствие свойства строки на основе синтаксиса
Эта категория предназначена для работы с обычными объектами или массивами в более новых разновидностях ECMAScript, когда требуется немутативный подход и вам не нужно учитывать ключи Symbol:
Пропущенная собственность на основе библиотеки
Эта категория обычно обеспечивает большую функциональную гибкость, включая учет символов и пропуск более чем одного свойства в одном выражении:
Мягкий перенос ()
В противоположность неразрывному пробелу, символ мягкого переноса — ­ служит для создания переноса в том месте, где это может потребоваться. При этом, на месте переноса появляется символ «-«. Если перенос не требуется, символ ­ не визуализируется. Применяется мягкий перенос преимущественно в длинных словах, для более равномерного распределения текста на странице.
Пример. Применение мягкого переноса.
<p>В 1991 году была предпри­нята попытка создать единую универ­сальную двухбай­товую коди­ровку, охваты­вающую все алфавиты и иерогли­фичес­кие системы мира. Результа­том стал стандарт ... </p>
Таблица символов кодирования URL
Появление адресов URL стало существенным нововведением в Интернете. Однако с момента его изобретения и по сей день стандарт URL обладает серьёзным недостатком — в нём можно использовать только ограниченный набор символов, даже меньший, нежели в ASCII: латинские буквы, цифры и лишь некоторые знаки препинания. Если мы захотим использовать в URL символы кириллицы, или иероглифы, или, скажем, специфические символы французского языка, то нужные нам символы должны быть перекодированы особым образом.
Функции в PHP:
- urlencode() — URL-кодирование строки
-
urldecode() — Декодирование URL— кодированной строки. Пример запроса пытающегося получить доступ к файлу с паролями в Linux. Что такое SQL Injection защита
<?php $query = "/component/country?country=unitedarabemirates&BMMZ%3D6733 %20AND%201%3D1%20UNION%20ALL %20SELECT%201%2C2%2C3%2Ctable_name %20FROM%20information_schema.tables%20WHERE%202%3E1--%20 ..%2F..%2F..%2Fetc%2Fpasswd"; echo urldecode($query);Результат:
componentcountry?country=unitedarabemirates& BMMZ=6733 AND 1=1 UNION ALL SELECT 1,2,3,TABLE_NAME FROM information_schema.tables WHERE 2>1-- ../../../etc/passwd
| Распространенные символы. Таблица символов кодирования URL | |
|---|---|
| space | %20 |
| # | %23 |
| < | %3c |
| = | %3d |
| > | %3e |
| , | %2c |
| %2f | |
| ( | %28 |
| ) | %29 |
Дефис и тире.
В полиграфии существует три очень похожих друг на друга знака: длинное тире, короткое тире и дефис. Из них на компьютерной клавиатуре есть только один — это дефис. Именно его обычно и используют во всех случаях, когда в тексте нужно поставить дефис или тире. Тем не менее следует придерживаться определенных правил пунктуации относительно применения этих знаков.
Так, дефис (-) применяется только внутри слов или между цифрами. Длинное тире (—), ставится между словами в предложении и отделяется от этих слов пробелами. Длинному тире соответствует ссылка-мнемоника —. Короткое тире (–) ставится между цифрами без букв или между словами, которые набраны прописными буквами, а также используется в качестве знака «минус» в математических формулах. Между коротким тире и словами пробел не ставится. Короткому тире соответствует ссылка-мнемоника –.
Применение дефиса и тире показано в следующем примере:
Пример: Спецсимволы — и –
- Результат
- HTML-код
- Попробуй сам »
Веб-страница что-то слишком долго открывается.
Она должна загружаться за 2–4 секунды.
Время – деньги…
Символ
Описание
Мнемоническое имя
Числовой код
неразрывный пробел
 
>
больше чем
>
>
&
амперсанд
&
&
»
прямая двойная кавычка
"
"
‘
апостроф
'
'
левая двойная угловая кавычка
«
«
правая двойная угловая кавычка
»
»
‘
левая одинарная кавычка
‘
‘
’
правая одинарная кавычка
’
’
‚
нижняя одинарная кавычка
‚
‚
“
левая двойная кавычка
“
“
”
правая двойная кавычка
”
”
„
нижняя двойная кавычка
„
„
€
euro
€
€
копирайт
©
©
знак зареrистрированной торrовой марки
®
®
Атрибуты¶
| Атрибут | Значение | Описание |
|---|---|---|
| type | 1AaIidiscsquarecircle | Определяет тип маркера нумерованного или маркированного списка. Атрибут больше не используется. Вместо него мы рекомендуем использовать CSS свойство list-style-type или list-style-image, с помощью которого вместо маркеров можно использовать изображения. |
| value | number | Указывает число, с которого будет начинаться нумерованный список. Могут быть использованы отрицательные значения. Работает только с нумерованным списком. |
Тег <li> поддерживает глобальные атрибуты и атрибуты событий.
Как добавить стиль к тегу <li> ?
Цвет текста внутри тега <li>:
- CSS свойство color определяет цвет контента и оформления текста.
- CSS свойство background-color устанавливает фоновый цвет элемента.
Стили форматирования текста для тега <li>:
- CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
- CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
- CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
- CSS свойство word-break указывает перенос строки.
Другие свойства для тега <li>:
- CSS свойство text-shadow добавляет тень к тексту.
- CSS свойство text-align-last выравнивает последнюю строку текста.
- CSS свойство line-height устанавливает межстрочный интервал.
- CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
- CSS свойство word-spacing устанавливает расстояние между словами в тексте.
9 ответов
Лучший ответ
Если вы используете соответствующий класс или библиотеку, они сделают экранирование за вас. Многие проблемы XML вызваны объединением строк.
Escape-символы XML
Их всего пять:
Экранирование символов зависит от того, где используется специальный символ.
Примеры можно проверить в .
Атрибуты
Безопасный способ — экранировать все пять символов в атрибутах. Однако символ в атрибутах экранировать не нужно:
Символ не нужно экранировать в атрибутах, если кавычки имеют вид :
Аналогично, не нужно экранировать в атрибутах, если кавычки имеют вид :
XML против HTML
HTML имеет собственный набор управляющих кодов, охватывающий гораздо больше символов.
1439
Peter Mortensen
26 Янв 2020 в 13:53
Согласно спецификациям Консорциума World Wide Web (w3C), , за исключением случаев, когда они используются в качестве разделителей разметки или внутри комментария, инструкции обработки или раздела CDATA. Во всех остальных случаях эти символы должны быть заменены либо на соответствующий объект, либо на числовую ссылку в соответствии со следующей таблицей:
Исходный символ Замена объекта XML Числовая замена XML & lt; & # 60; > & gt; & # 62; " & quot; & # 34; & & amp; & # 38; ' & apos; & # 39;
Обратите внимание, что вышеупомянутые объекты могут использоваться также в HTML, за исключением & apos; , который был введен с XHTML 1.0 и не объявлен в HTML 4. По этой причине и для обеспечения ретро-совместимости , вместо
76
Albz
3 Июл 2013 в 12:38
Для тегов и атрибутов экранирующие символы различаются.
Для тегов:
Для атрибутов:
Из :
54
Peter Mortensen
17 Дек 2019 в 19:07
В дополнение к общеизвестным пяти символам , я бы также избегал символа вертикальной табуляции (0x0B). Это допустимый UTF-8, но не действительный XML 1.0 и даже многие библиотеки. (включая высокопортативную (ANSI C) библиотеку libxml2) пропускают его и выводят неверный XML без уведомления.
27
Peter Mortensen
26 Янв 2020 в 13:54
Источник сокращения:
Есть пять предопределенных сущностей:
«Все разрешенные символы Unicode могут быть представлены с помощью числовой ссылки на символы». Например:
Большинство управляющих символов и других диапазонов Unicode специально исключены, что означает (я думаю), что они не могут появляться ни в экранировании, ни в прямом:
13
Peter Mortensen
17 Дек 2019 в 19:03
Это зависит от контекста. Для содержания это и & , а также hibitedune> (хотя строка из трех вместо одного символа).
Для значений атрибутов это , & , » и ‘.
Для CDATA — это sizes explicitly> .
4
Peter Mortensen
17 Дек 2019 в 19:05
Принятый ответ неверен. Лучше всего использовать библиотеку для экранирования xml.
Как упоминалось в этом другом вопросе
«В основном, управляющие символы и символы вне диапазонов Unicode не допускаются. Это также означает, что вызов, например, символьной сущности запрещен».
Если вы избежите только пяти символов. У вас могут быть такие проблемы, как Обнаружен недопустимый символ XML (Unicode: 0xc)
1
Gabriel Furstenheim
29 Янв 2021 в 14:35
Только и требуется экранировать, если они обрабатываются символьными данными, а не разметкой:
-10
Peter Mortensen
26 Янв 2020 в 14:00
Возможно, это поможет:
Список ссылок на символьные сущности XML и HTML :
В этой статье перечислены следующие пять предопределенных XML-сущностей:
95
Ry-
7 Июн 2012 в 18:33
