Mark, del, ins tag сотрудничество

Я заметил такое же поведение, которое мне кажется странным, возможно, это правильное поведение, пожалуйста, дайте мне знать. Я заметил, что тег «mark» не работает, когда используется с тегами «del» и «ins».

Пример: <mark><b>Lorem ipsum </mark> amet.</b> Phasellus
Выделенная жирным шрифтом часть - «Lorem ipsum», а «amet» - только жирный шрифт, как и ожидалось.

<mark><i>Phasellus e,</mark> at pellentesque enim.</i>
Маркированная итальянская часть - «Phasellus e», и только итальянская часть - «at pellentesque enim». - Думаю, нормально.

<mark><u>Suspendisse quis mi</mark> volutpat.</u>
Отмеченная и подчеркнутая часть - это «Suspendisse quis mi», и только подчеркнутая часть - «volutpat». - Думаю, нормально.

<mark><del>sagittis elit ut</mark> nisi suscipit,</del>
Отмеченная часть и дель - это «sagittis elit ut», а часть «nisi suscipit» становится без какой-либо формы. Разве это не должно работать так же, как теги выше?

<del>sagittis <mark>elit ut</mark> nisi suscipit,</del>
Использование тега mark внутри del, похоже, работает должным образом. «sagittis» только подчеркнута, «elit ut» подчеркнута и помечена, «nisi suscipit» только подчеркнута.

То же поведение и для тега ins (то же, что и для del). Итак, мой вопрос в том, правильно ли это представление для тегов «del» и «ins», потому что кажется, что это не так.

Ни один из ваших примеров, кроме последнего, не является правильным HTML для начала, поэтому не уверен, что вы на самом деле спрашиваете здесь. Не так ли, «Есть ли шанс, что автоматическое исправление ошибок, применяемое браузером, приведет к нежелательным результатам, если я вообще испорчу свой HTML?» Тогда ответ - да, конечно.

CBroe 03.04.2018 09:58

Спасибо за комментарий, но Алохчи уже объяснил мне то, что я хотел понять.

Evaldas Jankus 03.04.2018 10:09
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
2
35
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Да, это правильно или настолько правильно, насколько можно ожидать, учитывая, что HTML в каждом случае недействителен.

Некоторые элементы считаются элементы форматирования. Это a, b, big, code, em, font, i, nobr, s, small, strike, strong, tt и u. (Обратите внимание, что некоторые из них являются устаревшими элементами).

Когда теги закрываются не по порядку, эти элементы, если в данный момент открыты, закрываются и затем снова открылся, что дает вам поведение, которое вы видите для b, i и u. Но ins и del, как и span, не являются элементами форматирования и просто закрываются, а не открываются повторно, поэтому вы получаете поведение, которое вы видите для del.

Другие вопросы по теме