纯 CSS 实现的 HTML Head Meta 标签代码生成器

[dimpurr]

短链接： http://find.moe/headgen

一个纯 CSS 3 选择器实现的小玩具 ，以解决每次要写 HTML 头都得去找个之前的文档复制，还得琢磨半天需要哪些的麻烦。如果有更好的实现思路或觉得有可以改进的地方请不吝赐教 ……

样式效果是 @dring 同学的建议。关于实现的具体介绍和 Meta 代码参考来源可以参见 HTML Head Generator - 纯 CSS 实现的头部元标签代码生成器 - 钉子の次元

[Septembers]

好多meta我都不知道，感谢分享

[Kilerd]

```html
<link rel="alternate" type="application/rss+xml" title="RSS" href="uri" />
<link rel="shortcut icon" type="image/ico" href="uri" />
```

uri 是什么鬼

[giuem]

思路不错，用了checkbox

之前我能想到的是用 target 实现

[abelyao]

@Kilerd 资源地址，用在这个地方比 URL 更准确。

[cyio]

左侧挺长的，滚起来挺麻烦的，滚动条似乎也不正常。（允许显示成多列，或者增加个搜索框快速过滤）
按钮没有hover pointer，怪怪的。

[breeswish]

思路和那个纯 css 实现打地鼠有异曲同工之妙~

[dimpurr]

@cyio 显然我不太清楚怎么不用 JavaScript 实现搜索功能 ……

[Septembers]

@dimpurr https://wiki.whatwg.org/wiki/MetaExtensions

[Niphor]

居然还能这样玩...

[goldenlove]

好赞~ 收藏，对于我这样的懒人来说挺实用地~
可以继续丰富内容~