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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Every HTML Element

501 点作者 wxw4 个月前

35 条评论

benwills4 个月前
For people interested in this sort of thing, I recently published a blog post looking at counts of HTML tags and their attribute values from a 2.9B page Common Crawl dataset. [1]<p>There&#x27;s also a SQLite DB available to download of the top 1k tag+attr+value combinations. [2]<p>[1] <a href="https:&#x2F;&#x2F;webparsing.io&#x2F;blog&#x2F;hidden-in-html-parsing-page-layouts&#x2F;" rel="nofollow">https:&#x2F;&#x2F;webparsing.io&#x2F;blog&#x2F;hidden-in-html-parsing-page-layou...</a> [2] <a href="https:&#x2F;&#x2F;webparsing.io&#x2F;data&#x2F;commoncrawl-2024-11-html-tags-attributes-values&#x2F;" rel="nofollow">https:&#x2F;&#x2F;webparsing.io&#x2F;data&#x2F;commoncrawl-2024-11-html-tags-att...</a>
评论 #42849173 未加载
eieio4 个月前
I like this!<p>It&#x27;s fun to compare it to &quot;A blog post with every HTML element&quot; [1][2], which gets at a (very!) similar thing but in a very different way. This post primary <i>shows</i>, and is a little more chaotic (meant positively!) whereas the other post is much more prose and explanation heavy (also good, but very different).<p>[1] <a href="https:&#x2F;&#x2F;www.patrickweaver.net&#x2F;blog&#x2F;a-blog-post-with-every-html-element&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.patrickweaver.net&#x2F;blog&#x2F;a-blog-post-with-every-ht...</a><p>[2] HN discussion: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=37104742">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=37104742</a>
评论 #42826660 未加载
hn_acker4 个月前
The &lt;dialog&gt; element says &quot;This is a modal dialog displayed using just HTML.&quot; but that&#x27;s a bit misleading because the dialog opens using JavaScript `document.getElementById(&#x27;my-dialog&#x27;).showModal()` in the onclick attribute of the relevant button.
评论 #42825834 未加载
评论 #42830265 未加载
评论 #42825856 未加载
rav4 个月前
No love for the &lt;plaintext&gt; tag? &quot;The &lt;plaintext&gt; HTML element renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text.&quot; - it&#x27;s my favorite obscure deprecated HTML tag.
评论 #42831321 未加载
评论 #42830201 未加载
评论 #42834560 未加载
评论 #42830141 未加载
评论 #42833479 未加载
joshdavham4 个月前
I like that you included the &lt;ruby&gt; tag! I really wish more pages would use them when rendering Chinese&#x2F;Japanese characters in English text.
评论 #42825023 未加载
Isognoviastoma4 个月前
It&#x27;s impressing that browser can display many levels of recursive iframe.
评论 #42825714 未加载
TZubiri4 个月前
Except this custom one I just invented that I implement in my custom browser
评论 #42824733 未加载
评论 #42827015 未加载
评论 #42824199 未加载
bbx4 个月前
Relevant: <a href="https:&#x2F;&#x2F;htmlreference.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;htmlreference.io&#x2F;</a>
评论 #42825917 未加载
评论 #42830284 未加载
hmmokidk4 个月前
As a browser game enthusiast I will have you tried for missing canvas
评论 #42828307 未加载
divbzero4 个月前
Where is the good old…<p><pre><code> &lt;center&gt;alignment with no CSS&lt;&#x2F;center&gt;</code></pre>
评论 #42825863 未加载
评论 #42826997 未加载
mg4 个月前
I wonder if it would be possible to do this in a way that the page shows its own source code.<p>Similar to:<p><a href="https:&#x2F;&#x2F;no-gravity.github.io&#x2F;html-quine&#x2F;index.html" rel="nofollow">https:&#x2F;&#x2F;no-gravity.github.io&#x2F;html-quine&#x2F;index.html</a><p>Could be tricky, because non-textual elements would probably have to be taken care of individually. For example a video would probably have to show a video of its own representation in code.
评论 #42825723 未加载
评论 #42825044 未加载
评论 #42825143 未加载
robby10664 个月前
First I&#x27;ve ever heard of hgroup.<p>Subheadings are one of those little things I&#x27;ve wondered about the proper semantics for a million times and always end up doing something slightly different on the fly.
评论 #42824528 未加载
评论 #42825607 未加载
评论 #42824907 未加载
3willows4 个月前
Lols you are offering to sell this for $1? <a href="https:&#x2F;&#x2F;iamwillwang.com&#x2F;dollar&#x2F;" rel="nofollow">https:&#x2F;&#x2F;iamwillwang.com&#x2F;dollar&#x2F;</a>
评论 #42826595 未加载
amphitheatre4 个月前
On mobile (Safari), the link to the article scrolls me down towards the bottom of the page by the iframe&#x2F;red dot, making me think half the page was missing.
评论 #42824190 未加载
评论 #42824210 未加载
pretoriusdre4 个月前
Websites these days don&#x27;t seem to use &#x27;Under construction&#x27; animated gifs, and I think they are probably worse for it.
评论 #42826459 未加载
smitelli4 个月前
According to MDN [1] there is a &lt;portal&gt; element but hell if I know what it does.<p>[1]: <a href="https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;HTML&#x2F;Element&#x2F;portal" rel="nofollow">https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;HTML&#x2F;Element&#x2F;po...</a>
评论 #42826300 未加载
评论 #42826454 未加载
评论 #42827175 未加载
评论 #42831364 未加载
Theodores4 个月前
Most people insist on only using one element, which is the element of last resort, according to MDN. This is our friend, the &lt;div&gt;.<p>The only use case I have for &lt;div&gt; is in a details&#x2F;summary where there is no CSS to select the contents of a &lt;details&gt; element, excluding the &lt;summary&gt;.<p>Does this mean I use &lt;section&gt; instead of &lt;div&gt;, as a &#x27;direct replacement&#x27;? Nope. When using CSS grid, there is no need for &lt;div&gt; wrappers around everything.<p>I do like to use the full HTML element set, and, with scoped CSS, to style the elements, rather than have loads of divs with loads of class attributes. It all looks so much neater, particularly if the unstyled CSS looks rather good.
评论 #42825295 未加载
评论 #42828761 未加载
评论 #42830291 未加载
评论 #42824796 未加载
assimpleaspossi4 个月前
&gt;&gt;Ah, now there&#x27;s some breathing room, thanks to &lt;br &#x2F;&gt;.<p>That&#x27;s XHTML which is XML. HTML does not use and does not need a closing slash and never has in any HTML specification.<p><a href="https:&#x2F;&#x2F;html.spec.whatwg.org&#x2F;dev&#x2F;text-level-semantics.html#the-br-element" rel="nofollow">https:&#x2F;&#x2F;html.spec.whatwg.org&#x2F;dev&#x2F;text-level-semantics.html#t...</a>
评论 #42829025 未加载
bornfreddy4 个月前
No &lt;details&gt; &#x2F; &lt;summary&gt;? [0]<p>[0] <a href="https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;HTML&#x2F;Element&#x2F;details" rel="nofollow">https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;HTML&#x2F;Element&#x2F;de...</a>
评论 #42825420 未加载
评论 #42825427 未加载
soheil4 个月前
Absolutely mind-boggling I didn&#x27;t know <i>progress</i> and <i>meter</i> existed, I supposed progress has been made.<p><pre><code> &lt;progress value=&quot;70&quot; onmousemove=&quot;value=Math.random()*100&quot; max=&quot;100&quot;&#x2F;&gt;</code></pre>
monroewalker4 个月前
It’d be cool to have a gutter on the left with the html tag that appears for that line
评论 #42834593 未加载
XCSme4 个月前
Weird that the URL links to the bottom of the page(?).
评论 #42824253 未加载
eduramirezh4 个月前
Cool! I got some &quot;House of Leaves&quot; vibes from it.
shahzaibmushtaq4 个月前
Learned and also refreshed my HTML programming language (I&#x27;ll not debate on it) knowledge without any touch of CSS.
butz4 个月前
It would be useful if HTML content was not minified and have some comments added about each element besides them.
noduerme4 个月前
Very dismissive. Anyone not using &lt;span&gt; should take a second look. Of all the elements, this is the one to change font, size, color, etc. in any dynamic text without offsetting anything in your layout. Do you really want to throw your user&#x27;s text inside a &lt;div&gt; inside your nice &lt;div&gt; layout? No.
评论 #42828820 未加载
pastureofplenty4 个月前
I know it&#x27;s deprecated but I was expecting to see &lt;xmp&gt;.
评论 #42824937 未加载
评论 #42826488 未加载
alentred4 个月前
Wait. No &lt;script&gt; element? An elephant went missing!
评论 #42824882 未加载
sylware4 个月前
great page, I discovered that my noscript&#x2F;basic (x)html browser is doing more than I thought it did.
kayvulpe4 个月前
An index would be great
divbzero4 个月前
Disappointed to see &lt;blink&gt; or &lt;marquee&gt; merely mentioned but not used on that page, seemed like a serious omission.<p>Based on my tests just now, &lt;blink&gt; no longer blinks in today’s browsers but &lt;marquee&gt; still scrolls happily.
评论 #42825922 未加载
fsckboy4 个月前
what this comment section is missing is &quot;hey, here are other pages that do the same thing is a slighty different way&quot; (there must be tons!? I would enjoy and learn from those type of comments so much I that I&#x27;d shout, &quot;this is a motherfucking comment section!&quot; <a href="https:&#x2F;&#x2F;motherfuckingwebsite.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;motherfuckingwebsite.com&#x2F;</a>
joe87564384 个月前
no marquee? c’mon
评论 #42825881 未加载
评论 #42824975 未加载
评论 #42824547 未加载
nsonha4 个月前
...all of which have poor dx and ui. There isn&#x27;t any philosophy or process behind &quot;what should become a tag&quot;<p>but hey, &quot;use the platform&quot;
Oia204 个月前
The soundbite was great lol!<p>Nice Work!