You won't get far without the foundational understanding of HTML semantics – but it is even more important to follow up on the recent developments and discussions.
This eBook addresses the importance of semantics in our code. It touches on outlining algorithms, HTML5 semantics, the pursuit of semantic value and the HTML semantic grid system.
TABLE OF CONTENTS
- HTML5 Semantics
- When One Word Is More Meaningful Than A Thousand
- HTML5 And The Document Outlining Algorithm
- Our Pointless Pursuit Of Semantic Value
- Pursuing Semantic Value
- The Semantic Grid System: Page Layout For Tomorrow
- Formats: PDF, EPUB, Kindle (DRM-free)
- Pages: 71
- Language: English
- Released: August 2012
- Publisher: Smashing Media GmbH
- ISBN: 978-3-943075-36-6
Excerpt From Chapter 2
When One Word Is More Meaningful Than A Thousand — by
Why doesn’t this article deal with HTML5 or another fancy new language: anything but plain, clear, tired old semantics. You may even find the subject boring, being a devoted front-end developer. You don’t need a lecture on semantics. You’ve done a good job keeping up with the Web these last 10 years, and you know pretty much all there is to know.
I’m writing about HTML semantics because I’ve noticed that semantic values are often handled sloppily and are sometimes neglected, even today. A huge void remains in semantic consistency and clarity, begging to be filled. We need better and more consistent naming conventions and smarter ways to construct HTML templates, to give us more consistent, clearer and readable HTML code. If that doesn’t sound like paradise, I don’t know what does.
Excerpt From Chapter 6
The Semantic Grid System: Page Layout For Tomorrow — by
CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately for us, modern techniques offer a new approach to constructing page layouts. But before getting to the solution, we must first understand the three seemingly insurmountable flaws currently approachffecting CSS grids.
The biggest complaint I’ve heard from purists since I created The 1KB CSS Grid two years ago is that CSS grid systems don’t allow for a proper separation of mark-up and presentation. Grid systems require that Web designers add .grid_x CSS classes to HTML elements, mixing presentational information with otherwise semantic mark-up