在HTML模板中使用CSS选择器
Kai*_*aja 4 html css template-engine
在HTML模板中意外使用CSS选择器之后,我开始想知道是否存在允许这种语法的模板语言或扩展名,以及它是否有用.所以不要写这个:
<div id="mydiv">
<div class="first column">1</div>
<div class="second column">2</div>
</div>
我们可以这样写:
<div#mydiv>
<div.first.column>1</div>
<div.second.column>2</div>
</div>
这样的事情存在吗？
也许你的意思是像玉？
它是一个HTML预处理器.
下列:
doctype 5
html(lang="en")
head
title= pageTitle
script(type='text/javascript')
if (foo) {
bar()
}
body
h1 Jade - node template engine
#container
if youAreUsingJade
p You are amazing
else
p Get on it!
将被翻译为:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jade</title>
<script type="text/javascript">
if (foo) {
bar()
}
</script>
</head>
<body>
<h1>Jade - node template engine</h1>
<div id="container">
<p>You are amazing</p>
</div>
</body>
</html>
此外,它并不完全是你所要求的,但你可能会喜欢Zen Coding.它是一个高速编码HTML的插件.GIF展示了它的作用:
它基本上是:
- 写伪html.
- 点击快捷方式.
- 获取完整的HTML.
- ?????
- 利润!
您应该咨询您的编辑是否可以支持.FWIW,我用这个在VIM和它的真棒.