erb自动生成html页面一例
2023-09-14 08:56:51 时间
ul.decimal {list-style-type: decimal}
ul.decimal-leading-zero {list-style-type: decimal-leading-zero}
ul.lower-roman {list-style-type: lower-roman}
ul.upper-roman {list-style-type: upper-roman}
ul.lower-alpha {list-style-type: lower-alpha}
ul.upper-alpha {list-style-type: upper-alpha}
ul.lower-greek {list-style-type: lower-greek}
ul.lower-latin {list-style-type: lower-latin}
ul.upper-latin {list-style-type: upper-latin}
ul.hebrew {list-style-type: hebrew}
ul.armenian {list-style-type: armenian}
ul.georgian {list-style-type: georgian}
ul.cjk-ideographic {list-style-type: cjk-ideographic}
ul.hiragana {list-style-type: hiragana}
ul.katakana {list-style-type: katakana}
ul.hiragana-iroha {list-style-type: hiragana-iroha}
ul.katakana-iroha {list-style-type: katakana-iroha}
/style
/head
body
li "none" 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Disc 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Circle 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Square 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Decimal 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Decimal-leading-zero 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Lower-roman 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Upper-roman 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Lower-alpha 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Upper-alpha 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Lower-greek 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Lower-latin 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Upper-latin 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Hebrew 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Armenian 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Georgian 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Cjk-ideographic 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Hiragana 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Katakana 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Hiragana-iroha 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
li Katakana-iroha 类型 /li
li 茶 /li
li 可口可乐 /li
/ul
/body
/html
现在用erb改写一下:
#!/usr/bin/ruby #encoding:utf-8 require "erb" temp = ERB.new HTML_DOC !DOCTYPE html html head meta http-equiv="Content-Type" content="text/html;charset=utf-8" / style type="text/css" % types = %w[none disc circle square decimal decimal-leading-zero lower-roman \ upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin \ hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha \ katakana-iroha] % % types.each do |t| % ul. %=t% {list-style-type: %=t% } % end % /style /head body % types.each do |t| % ul > 之后在终端加运行权限:chmod u+x e.rb,然后执行: ./e.rb index.html,哦鸟!
如何写出高质量的 HTML 页面? HTML 是 Web 应用程序的核心语言,它在页面结构和内容上提供了非常丰富和灵活的功能。在前端开发中,编写高质量的 HTML 页面是非常重要的,因为它影响着用户体验和搜索引擎排名。
相关文章
- MatserDetail自动展开
- HTML Button自动刷新页面的问题
- html <meta>设置自动刷新或者几秒内跳转到指定页面
- hotplug_uevent机制_修改mdev配置支持U盘自动挂载学习笔记
- javascript自动填写表单小技巧
- SAP CRM 里 Lead 通过工作流自动创建 Opportunity 的原理讲解
- AutoJs学习-MC我的世界自动钓鱼
- html+css+js实现自动敲文字效果
- 〖大前端 - 基础入门三大核心之 html 篇⑰〗- HTML篇内容总结
- 烦死调参数-想设计一个自动调参机制
- 在jsp中显示原始html代码,不要渲染 / 在JSP页面中如何将HTML标记显示出来
- [手游项目2]-13-mysql代码自动建表
- 微信小程序超出隐藏省略号和自动换行
- 使用msi自动安装系统
- 要让div中的float不会自动显示到下一行来?
- CentOS7 双网卡搭建DHCP实现内网自动分配IP和上网——筑梦之路
- VM VirtualBox 全屏模式 && 自动缩放模式 相互切换
- html一个案例学会所有常用HTML(H5)标签