
👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
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.