In the project my team and I are working on, we have a lot of HTML and markup that is reused, verbatim, throughout the application. Things like section headers that don't have a section body, which, due to the front-end framework we are using, also needs two wrapping <div> tags. I call these "lone" section headers, and they look like this:
<div class="row">
<div class="lg-12 col">
<section>
<header>
<h3>This is a test header</h3>
</header>
</section>
</div>
</div>
CSS is changed to obscure precisely which front-end framework we are using.
To me, this is quite a lot of markup. But given our current CSS and our particular front-end framework, this is the correct way to write these headers. Still, it bothers me, more than it should; that's a lot of markup cluttering my views.
This article is for paying subscribers only
Sign up now and upgrade your account to read the article and get access to the full library of articles for paying subscribers only.
