
Hi, I’m Brian Dys — a photographer from the inside looking out · a composer entangled in electronic music · a UX designer · a spouse, a parent, & everything in between.
I’m currently working on HopScotch 3 and it involves a lot of revising the HTML markup of content structure plus a lot of structural class names.
In relation to this HTML refactoring, I’d like to share with you some notes on writing the HTML markup of web sites:
div
or span
just yet. For example, your web site name should be wrapped in a heading tag like h1
since it is the title of your HTML document; your tagline could be wrapped in a p
tag. At this point, all heading tags could be in h1
since we have not put these objects in context yet. Eventually, we would be arranging the hierarchy of these tags – from h1
to h6
.div
.div
that contains the web site name and tagline could be classified as “web-product-name”. The test for its semantics is if the name is true to the objects’ nature – something that isn’t tied up to visual appearance or layout.