Kann ich benutzerdefinierte Tag-Namen verwenden, ohne Webkomponenten zu verwenden, nur für das Styling? ⇐ HTML

[Anonymous]

Zu meiner Überraschung scheinen sich moderne Browser nicht zu beschweren, wenn ich benutzerdefinierte Tag-Namen verwende und diese Tags dann so gestalte, als wären sie normale HTML-Tags. Sie verhalten sich wie Span-Elemente und wie Div-Elemente, wenn ich display: block; einstelle..

Ich meine, auch wenn ich kein Polymer verwende oder versuche, das benutzerdefinierte Element zu registrieren.

Zum Beispiel habe ich Folgendes:
https://jsfiddle.net/hvybz0nq/4/

Code: Select all

Section 1
Section 2
Section 3
Add Section



Page 1
Page 2
Page 3
Add Page

Mit etwas CSS:

Code: Select all

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

flex-fixed, sections, section, div, pages, page {
display: flex;
}

body {
height: 100vh;
}

flex-fixed {
width: 100%;
height: 100%;
flex-direction: column;
position: fixed;
}

section {
border-right: 1px solid lightgrey;
}

splitter {
height: 1px;
background: lightgrey;
}

pages {
height: 100%;
border-left: 1px solid lightgrey;
align-self:flex-end;
flex-direction: column;
}

page {
border-bottom: 1px solid lightgrey;
}

section, page, div {
padding: 10px;
}