Twitter | Search | |
Will Boyd
TIL: <hr> has semantic meaning (now) and is no longer just a decorative line.
The HTML hr element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.
MDN Web Docs MDN Web Docs @MozDevNet
Reply Retweet Like More
rong-sen Jan 20
Replying to @lonekorean
What does that mean?
Reply Retweet Like
yosh updates Jan 20
Replying to @igarshmyb @lonekorean
I understand this as: use this when you want a (thematic) break between text sections. Don't use this if you want to draw a line somewhere (style a <div> instead, for example).
Reply Retweet Like
MatthiasSaihttam Jan 20
Replying to @lonekorean @MozDevNet
Gosh HTML5
Reply Retweet Like
(pardon my musings) Jan 20
Replying to @lonekorean
To separate two melodramatic scenes, use a histronic: <hr>
Reply Retweet Like
Vince P Jan 24
I thought it stood for horizontal rule. Also shouldn’t it be used to separate *different* moods/themes?
Reply Retweet Like
(pardon my musings) Jan 24
Replying to @TheElodin @lonekorean
I was just riffing on the "thematic" semantics of the element. ----------------- I'm so silly
Reply Retweet Like
andy brummer Jan 25
Replying to @lonekorean @css
I've always been a fan of the <hr>
Reply Retweet Like
Studi Digital Jan 25
Replying to @lonekorean @css
Still used can be very decorative
Reply Retweet Like
Thomas D. Sweeney Jan 25
Replying to @lonekorean
"While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS". Erm, cool?
Reply Retweet Like
Thomas D. Sweeney Jan 25
Replying to @lonekorean
As an aside...Thematic Break would be a great name for a post hipster trip hop band.
Reply Retweet Like
SATOSHI 💬 Jan 25
Replying to @lonekorean @css
😧
Reply Retweet Like
~ Eric 🐈 Jan 25
Replying to @lonekorean @css
Surely the thematic break comes from the copy and not the mark-up? Struggling to see the point
Reply Retweet Like
Pookage Jan 25
Replying to @lonekorean @css
question, though - does this serve the same function as a <section> wrapper? not adverse to having the same functionality split between parent and sibling, just wondering...?
Reply Retweet Like
Zak Laughton Jan 25
Replying to @lonekorean
Interesting! Not sure about the example MDN choose though. Is a separation between two rules in a numbered list really an example of a "thematic break"?
Reply Retweet Like
ant Jan 25
Replying to @lonekorean @css
why (now)?
Reply Retweet Like