纯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 也很好找
1 回复
