如何将兄弟姐妹添加到父元素?

时间:2013-05-08 12:46:47

标签: html emmet

我正在使用Sublime Text 2和Emmet插件。

这是目标HTML:

</html
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

这是我目前的片段:

html>head>title

当然不会添加<body>元素。

我尝试在最后使用sibling缩写:

html>head>title+body

但是,<body>标记现在作为兄弟添加到<title>元素而不是<head>元素。

如何更新我的代码片段,以便将兄弟元素添加到父元素?

4 个答案:

答案 0 :(得分:2)

试试这个

html>(head>title)(body)

答案 1 :(得分:2)

我知道现在已经回答了这个问题,我已经接受了第一个对我有用的答案,但是为了完整性,我想添加我最终找到的实际文档的链接以及分组缩写的另一种替代方法。

由于我不知道字符命令被调用了什么,我一开始无法找到它们的文档。

然而,经过一些扩展研究(谢谢谷歌)后,我终于发现它们被称为abbreviations 我发现我也能很快找到abbreviation syntax documentation

阅读文档后,我发现有两种方法可以解决我的问题。

我可以使用Climb-up缩写^,类似于:

html>head>title^body

或者,我可以使用Grouping缩写()对您的论坛进行分组,然后像往常一样使用标准Sibling缩写+,类似于:

html>(head>title)+body

使用分组缩写也是Nathan Lee's answer建议的,也是我接受的。

两者都会生成此输出:

<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

如果使用另一个我不知道的任何好处。

答案 2 :(得分:1)

以下是解决方案。

(head>title>)html>body

希望这有帮助。

答案 3 :(得分:0)

最快的方法是在Koan线内使用html:5(底线)。这转化为:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
</body>
</html>