Learn More
Resend Email
1
Yujiri
5y

I have review-style pages where I use h1, h2, and h3 to indicate the magnitude of a point I'm making. I liked it. I recently changed my template so it's all wrapped in an <article>, and just today I noticed that my h1s appear as h2s. Firefox wouldn't tell me what was going on, but Chromium let me see the relevant styles from the user agent style sheet, and WTF, h1s inside <article> or a few other semantic tags get styled to look exactly like h2s. WTF?!? I want my h1s back! But I don't want to pollute my stylesheet, and there isn't a good way to either, since I shouldn't be hardcoding the size of an h1 without hardcoding all the header sizes.

rant

css

html
Favorite
Ranter
Comments
  • 0
    5y
    div.article
    h1 Title
    article
    ...
    ?

    I mean it's a shame, but can't you get around it this way?
  • 0
    5y
    @C0D4
  • 1
    5y
    "Magnitude of a point I'm making".. So you use them in a middle of paragraphs? Cause it doesn't seem like you use them properly - they should be headings, while there should be just one of h1 for the name of the article.
  • 2
    5y
    You're using heading levels for all the wrong reasons. That's HTML noob level right there.
  • 0
    5y
    Not sure anyone understood. I can get around it, but I don't want to hardcode the size of headers in the stylesheet. And one person seemed to interpret my rant as using headings in the middle of paragraphs (which wouldn't even work because they're block elements).
  • 0
    5y
    @Yujiri Okay then, and what's the point of avoiding CSS? HTML is markup language and most of the tags are semantic, so you really shouldn't use heading for something what isn't heading.
  • 0
    5y
    @Yujiri I did. :c I was providing a way to get around the new article > h1 rule, not adding any CSS, and treat the new div as the article.
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment