Это все равно что сказать: «Что если я уважаю синтаксис и грамматику английского языка, но придумываю все слова?» Хотя это мышление делает для хорошей поэзии , оно не подходит для технических областей;)
HTML имеет определенный набор тегов, которые действительны . Если вы используете какие-либо теги, которые составлены, он будет недействительным.
Теперь, это не значит, что вы не можете сойти с рук; во всемирной паутине прощение является значением по умолчанию , поэтому, если бы вы использовали составленные вами теги, это не стало бы концом света ... но это все равно было бы плохой идеей, потому что у вас было бы нет никакой гарантии, как браузеры обрабатывают эти теги.
Таким образом, единственный реальный ответ на вопрос «как это повлияет на страницу, если вместо использования идентификаторов или классов для элементов вы просто создадите пользовательские элементы с JS и стилизуете их с помощью CSS?» может случиться что угодно . Поскольку вы будете использовать нестандартные элементы HTML, вы получите нестандартные результаты, которые никто из нас не должен пытаться прогнозировать.
Если вы действительно хотите (и / или должны) использовать пользовательские элементы, изучите XML. В XML вы можете «составлять» свои теги, но все же можете применять CSS и открывать документы в браузере.
Например, сохраните следующие два файла, а затем откройте файл XML в браузере:
index.xml
<?xml-stylesheet href="style.xml.css"?>
<example>
<summary>
This is an example of making up tags in XML, and applying a stylesheet so you can open the file in a browser.
</summary>
<main>
<container>This is the stuff in the container</container>
</main>
</example>
style.xml.css
summary {
display:none;
}
main container {
border:2px solid blue;
background:yellow;
color:blue;
}