Author Topic: SVG inside a heading element  (Read 474 times)

jetboy

  • Inner Core
  • Sr. Member
  • *
  • Posts: 398
  • Hens of warfare!
    • View Profile
    • Email
SVG inside a heading element
« on: May 02, 2018, 09:24:12 AM »
If I use an SVG text element inside an <h1>. E.g.:

https://codepen.io/AmeliaBR/pen/jicEw

I believe the text is spidered by Googlebot. Does it carry the semantic weight of the <h1>?

Adam C

  • Inner Core
  • Hero Member
  • *
  • Posts: 535
    • View Profile
Re: SVG inside a heading element
« Reply #1 on: May 02, 2018, 01:39:16 PM »
I would have thought so.  Its just an H1 with some additional, non-conflicting nested tags, right?

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 4349
    • View Profile
Re: SVG inside a heading element
« Reply #2 on: May 02, 2018, 04:07:01 PM »
When I saw the subject, I was thinking you meant a .svg file as an image.

But in this case, it sure seems like Adam is right - I don't see why it would be different from wrapping it in a <span> or something.