纯html缩进的写法

<!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 也很好找

纯html缩进的写法

回复 (1)