Avatar

HTML/JS - создаем собственные теги (HTML, JS, another tricks)

by Turboblack ⌂, Saturday, July 27, 2024, 07:34 (137 days ago) @ mak

Если вы видите нестандартные теги в каком-то HTML-документе, это может означать, что они используются для специальных целей разработчиками, которые создавали этот документ.

Этот прием покажет как сделать свои собственные, и зачем.
Способ предполагает, что вы используете нестандартные HTML теги (<m> и </m>), что работает в большинстве современных браузеров, но не является стандартной практикой.

пример скрипта:

CSS

m {
font-style: italic;
}

JavaScript

document.addEventListener("DOMContentLoaded", function() {
const mTags = document.querySelectorAll("m");
mTags.forEach(tag => {
tag.classList.add("m");
});
});


HTML

Пример текста <m>который должен стать курсивным</m> внутри фразы.

Как вы понимаете - в стили можно вставить любое условие, которое вам нравится.
например: сделать градиент цветов для текста, или изменить шрифт, добавить фон картинкой, да что угодно можно сделать ;-)

--
We live in the distant past, we are still not at all civilized

Tags:
нестандартный, джаваскрипт


Complete thread:

 RSS Feed of thread