If you can read this, either the style sheet didn't load or you have an older browser that doesn't support style sheets. Try clearing your browser cache and refreshing the page.

(Some Gal) Cool Periodic Table of HTML 5 elements   (joshduck.com) divider line 28
More: Cool, periodic table, HTML, classical elements, semantics  
•       •       •

6175 clicks; posted to Geek » on 25 Oct 2011 at 3:32 PM   |  Favorite    |   share:  Share on Twitter share via Email Share on Facebook   more»   |    Get this fabulous T-Shirt and impress the methane out of your friends! shirt it!



28 Comments   (+0 »)
   
 
2011-10-25 03:44:33 PM
Great, now I can finally look up the atomic weight of a <div> tag!
 
2011-10-25 03:47:36 PM
Does that mean the ones at the bottom are unstable and deadly upon contact?
 
2011-10-25 03:49:43 PM
MrEricSir: Great, now I can finally look up the atomic weight of a <div> tag!

I think you can change its atomic weight using styles though...
 
2011-10-25 03:50:43 PM
Makh: Does that mean the ones at the bottom are unstable and deadly upon contact?

Except for the img tag, pretty much
 
2011-10-25 03:57:51 PM
redpanda2: Makh: Does that mean the ones at the bottom are unstable and deadly upon contact?

Except for the img tag, pretty much


That must be where the tracking cookie and pop up ad tags live.
 
2011-10-25 04:09:17 PM
I really like this. I'll point people to this instead of the spec itself when I commonly get "x is deprecated/not valid anymore" or "what is x?"

A list of attributes for each one would be nice, too.
 
2011-10-25 04:11:42 PM
So, did h7 and h8 not make the cut? I'm not seeing them.
 
2011-10-25 04:21:13 PM
Where's the blink tag?
 
2011-10-25 04:26:36 PM
Honest Bender: redpanda2: Makh: Does that mean the ones at the bottom are unstable and deadly upon contact?

Except for the img tag, pretty much

That must be where the tracking cookie and pop up ad tags live.


Even the img tag is used heavily in XSS attacks.
 
2011-10-25 04:35:02 PM
Some of those tags have a long half-life...
 
2011-10-25 04:42:22 PM
OK, this actually is kind of geeky cool.


I still don't think this will help me to balance any equations or find that tag I forgot to ?/close>, though.
 
2011-10-25 05:10:26 PM
imgs.xkcd.com
 
2011-10-25 05:13:34 PM
BroVinny: So, did h7 and h8 not make the cut? I'm not seeing them.

I don't know if you're serious, but...

I don't think there was ever an h7 or h8 in a spec. Some browser may have supported them at one time, though.

Anyway, the outline rules in HTML5 are such where you can use h1 for all headers, as long as you use articles and sections properly. If you section things off in a hierarchical way, there's no need for "h2" or "h3" to build an outline. A tool could use just h1 tags to build a properly nested table of contents for a document. So even better in some ways.
 
2011-10-25 05:26:31 PM
jonny_q: BroVinny: So, did h7 and h8 not make the cut? I'm not seeing them.

I don't know if you're serious, but...

I don't think there was ever an h7 or h8 in a spec. Some browser may have supported them at one time, though.

Anyway, the outline rules in HTML5 are such where you can use h1 for all headers, as long as you use articles and sections properly. If you section things off in a hierarchical way, there's no need for "h2" or "h3" to build an outline. A tool could use just h1 tags to build a properly nested table of contents for a document. So even better in some ways.


Newer versions of IE supported (I don't know if it's still the case) h7 and h8 as part of the upcoming HTML 5. It was kind of tentative even then, because it wasn't known if the new h's were going to make it in. You've answered my question.
 
2011-10-25 07:30:31 PM
<blink>blink</blink>

just checking ...
 
2011-10-25 08:08:22 PM
jonny_q: I really like this. I'll point people to this instead of the spec itself when I commonly get "x is deprecated/not valid anymore" or "what is x?"

A list of attributes isotopes for each one would be nice, too.


FTFY...
 
2011-10-25 08:43:49 PM
red
green
blue
 
2011-10-25 09:38:41 PM
Therion: <blink>blink</blink>

just checking ...


I LOLed and seized at the same time.
 
2011-10-26 01:46:23 AM
And graceful degradation cries itself quietly to sleep...
 
2011-10-26 03:20:57 AM
Makh: Does that mean the ones at the bottom are unstable and deadly upon contact?

Yeah.

No one uses <img> anymore. CSS background property takes care of that.
 
2011-10-26 03:28:41 AM
very nice, shown me a few things I wasn't aware of

but as a professional web designer I unfortunately know this is useless for quite a few years until IE 6 dies!
 
2011-10-26 09:24:47 AM
Too bad they had to use w3schools as the reference for tags...there's much better reference site than w3schools...
 
2011-10-26 10:49:49 AM
BroVinny: Newer versions of IE supported (I don't know if it's still the case) h7 and h8 as part of the upcoming HTML 5. It was kind of tentative even then, because it wasn't known if the new h's were going to make it in. You've answered my question.

Gotcha. Yeah, I didn't know that. I thought it was a thing some old browsers did during the great browser wars (hey, ours goes to 8!)
 
2011-10-26 12:11:49 PM
BroVinny: Newer versions of IE supported (I don't know if it's still the case) h7 and h8

<h8>Internet Explorer</h8>
 
2011-10-26 01:56:41 PM
scraping_fetus_off_the_wheel:
<h8>Internet Explorer</h8>


I </blink> what you did there.
 
2011-10-26 03:12:28 PM
HairBolus: red
green
blue


I think I've gone color-blind overnight!
 
2011-10-26 04:11:27 PM
scraping_fetus_off_the_wheel: BroVinny: Newer versions of IE supported (I don't know if it's still the case) h7 and h8

<h8>Internet Explorer</h8>


LOL, just say no to h8.
 
2011-10-26 10:26:41 PM
Well this is useful and well laid out
 
Displayed 28 of 28 comments


This thread is closed to new comments.

Continue Farking
Submit a Link »