Emmet(zen coding)的小实例

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

#page>(#header>#nav>li*4>a{item $})+(#content>h1{Title}+p{content text $}*3)+#footer
产生如下代码:

	<div id="page">
		<div id="header">
			<div id="nav">
				<li><a href="">item 1</a></li>
				<li><a href="">item 2</a></li>
				<li><a href="">item 3</a></li>
				<li><a href="">item 4</a></li>
			</div>
		</div>
		<div id="content">
			<h1>Title</h1>
			<p>content text 1</p>
			<p>content text 2</p>
			<p>content text 3</p>
		</div>
		<div id="footer"></div>
	</div>