V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
dimpurr
V2EX  ›  分享创造

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

  •  
  •   dimpurr ·
    dimpurr · 2015-05-30 20:24:27 +08:00 · 3506 次点击
    这是一个创建于 3451 天前的主题,其中的信息可能已经有所发展或是发生改变。

    HTML Head Generator by Dimpurr

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

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

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

    10 条回复    2015-06-01 15:04:30 +08:00
    Septembers
        1
    Septembers  
       2015-05-30 20:28:45 +08:00
    好多meta我都不知道,感谢分享
    Kilerd
        2
    Kilerd  
       2015-05-30 20:35:16 +08:00
    ```html
    <link rel="alternate" type="application/rss+xml" title="RSS" href="uri" />
    <link rel="shortcut icon" type="image/ico" href="uri" />
    ```

    uri 是什么鬼
    giuem
        3
    giuem  
       2015-05-30 20:36:36 +08:00
    思路不错,用了checkbox

    之前我能想到的是用 target 实现
    abelyao
        4
    abelyao  
       2015-05-30 20:37:29 +08:00
    @Kilerd 资源地址,用在这个地方比 URL 更准确。
    cyio
        5
    cyio  
       2015-05-30 20:41:59 +08:00
    左侧挺长的,滚起来挺麻烦的,滚动条似乎也不正常。(允许显示成多列,或者增加个搜索框快速过滤)
    按钮没有hover pointer,怪怪的。
    breeswish
        6
    breeswish  
       2015-05-30 21:11:28 +08:00
    思路和那个纯 css 实现打地鼠有异曲同工之妙~
    dimpurr
        7
    dimpurr  
    OP
       2015-05-30 21:47:20 +08:00
    @cyio 显然我不太清楚怎么不用 JavaScript 实现搜索功能 ……
    Septembers
        8
    Septembers  
       2015-05-30 22:47:15 +08:00
    Niphor
        9
    Niphor  
       2015-06-01 10:27:07 +08:00
    居然还能这样玩...
    goldenlove
        10
    goldenlove  
       2015-06-01 15:04:30 +08:00
    好赞~ 收藏,对于我这样的懒人来说挺实用地~
    可以继续丰富内容~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2687 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 06:44 · PVG 14:44 · LAX 22:44 · JFK 01:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.