3 ms·
This is semantic: <header> <h1>Title</h1> <nav> <button class="active">Home</button> <button>Link</button> <button>Link</button> </nav> </hea
by acoleman616 13y ago
This is semantic:
<header>
<h1>Title</h1>
<nav>
<button class="active">Home</button>
<button>Link</button>
<button>Link</button>
</nav>
</header>
not this:
<div class="ui menu">
<div class="header item">Title</div>
<a class="active item">Home</a>
<a class="item">Link</a>
<a class="item">Link</a>
<div class="right floated text item">
Signed in as <a href="#">user</a>
</div>
</div>
- nej 13y agoYes, this EXACTLY. We need CSS libraries that encourage the use of new HTML5 tags. We're no longer living in a world of scrambled DIVs, we have a page structure to follow now. I feel as if this may even be a step backwards, just the third example code in which the Bootstrap version has button while the semantic version is a DIV makes no sense, it's a button, not a DIV.
- stephenhandley 13y agothey're both semantic, its just that one splits it between tag names and class structure and the other puts it all in the class structure.