纯html缩进的写法
发布于 10 天前 作者 yakczh 5116 次浏览 最后一次编辑是 7 天前 来自 分享
<!doctype html><html><head>
		<meta charset="utf8" />
		<title>textarea</title>
		<link rel="stylesheet" href="styles.css">
		<script src="jquery-2.1.1.js"></script>
		
</head><body><div class="container">

<div class="row">
	<div class="col five">
		<label for="test">title</label>
		<textarea name="title" rows="18" cols="50"  ></textarea></div>
	
	<div class="col six">
		<textarea name="content" rows="28" cols="50"></textarea></div></div>
	
</div></body></html>

如果用jade/pug ,会增额外的复杂性,比如看效果必须要部署个动态服务器,各种编辑器不一定支持自定义扩展名语法高亮, ide对带模板的html格式化以后总有些小问题 如果用纯html,大部分编辑器都支持语法高亮,但是嵌套层级一多的情况下容易看串行
这种写法的只需要记住 一个规则,parent结点的结束标签放在最后一个子结点末尾 (lastchild后面跟关闭标签,关闭标签的个数对应缩进的级别个数 ) 这样lastchild一行会比较长,再根据lastchild找previosSibling 也很好找

1 回复

挺好
但如果是 vue 或 react 项目,pug 就不需要动态服务器了

回到顶部