Vanilla Web Dev

Divless HTML Examples

June 24, 2024


HTML Tag

html
<!-- HTML -->
<button> Hello </button>

<!-- Divless HTML -->
[button 'Hello']

<!-- Divless HTML (shortname) -->
[btn 'Hello']

Div tag :

html
<!-- HTML -->
<div> Container </div>

<!-- Divless HTML -->
[div 'Container' ]

<!-- Divless HTML (shortname) -->
[ 'Container' ]

Class and ID

html
<!-- HTML -->
<button id="_btnHalo" class="btn-primary" type="button"> Hello </button>

<!-- Divless HTML -->
[button #_btnHalo .btn-primary type="button" 'Helo']

Inline Styles

html
<!-- HTML -->
<button style="padding:1rem"> Container </button>

<!-- Divless HTML -->
[btn {padding:1rem} 'Container' ]

<!-- Divless HTML (shortname) -->
[btn {p:1rem} 'Container' ]

Comments

Use comment whenever there's a square bracket inside the HTML tag.

html
<!--nodivless-->
<button onclick="ui.AddItem(data[0])"> Add Item </button>
<!--/nodivless-->

Comments

Post a Comment

Thank You

for your visit