TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Periodic Table of the (HTML5) Elements

61 点作者 tgriesser大约 14 年前

8 条评论

DeusExMachina大约 14 年前
Every time I see a "periodic table of X elements" a question pops to my mind: what is the benefit of arranging elements totally unrelated to the natural ones using the same structure?<p>In the original table, elements are arranged in rows, columns and colors using their specific properties, which actually are not at all present in these html elements.<p>In this table I see only the meaning for the colors, but why not to use the two dimensions of the table to convey something different (losing, of course, the familiar shape)?
评论 #2402995 未加载
评论 #2403251 未加载
georgecalm大约 14 年前
I've just printed a copy for my wall, and it's beautiful! If you had a poster, I'd buy it :)<p>One request: please switch from W3Schools to the official W3C spec for the "more-info" link.
评论 #2402258 未加载
评论 #2402319 未加载
BobKabob大约 14 年前
Pretty cool!<p>Not to be pedantic (I hate that word), but in the spirit of improvement, you may want to spell check your popups.<p>(example: "&#60;bdi&#62; Text that is seperated from directional formatting of its surroundings."<p>... should be separated)<p>At first, I looked at this chart, and thought "cute, but what good is it." Then I started clicking on it, and eventually found myself printing it and hanging it in my office! Good work.
评论 #2403103 未加载
duck大约 14 年前
The one thing I learned from this - there is a new ruby tag in HTML5 (not related to the lang): <i>Ruby (also spelt rubi) characters are small, annotative glosses that can be placed above or to the right of a Chinese character when writing logographic languages such as Chinese or Japanese to show the pronunciation. Ruby annotations, are usually used as a pronunciation guide for relatively obscure characters.</i>
thomasfl大约 14 年前
This is quite useful when you don't remember the name of a tag.<p>With html5 there's lots of new tagnames to remember.
clu3大约 14 年前
I'd love to see a filter button on this page as well. When I click on a "Show supported tags" button, it will let me know which tags are currently implemented in my browser, and hide those which are not
clu3大约 14 年前
Thank you, I've been looking for something like this for a quite while
TerraHertz大约 14 年前
Nice. One suggestion- make the title or something clickable to restore the clean table after using this to examine some site's code.