How to add siblings to a parent element?

Question

I'm using Sublime Text 2 with the Emmet plug-in.

This is the target HTML:

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

This is my current snippet :

html>head>title

Which off course does not add the <body> element.

I tried using the sibling abbreviation at the end like this:

html>head>title+body

However, the <body> tag is now added as a sibling to the <title> element instead of the <head> element.

How can I update my snippet so it adds the sibling to the parent element instead?

score 3 · Answer 1 · edited May 23 '17 at 12:24

I know this was answered now and I have accepted the first answer which worked for me but for completness I wanted to add the link to the actual documentation I finally found as well as another alternative to the grouping abbreviation.

As I didn't know what the character commands were called I was unable to find the documentation on them at first.

However, after some extended research (thank you google) I finally found that they are called abbreviations.
Ones I found that I was also able to find the abbreviation syntax documentation quite quickly.

After reading the documentation I found that there was 2 ways of solving my problem.

I can use the Climb-up abbreviation ^, similar to this:

html>head>title^body

Or I can use the Grouping abbreviation () to group your sets and then use the standard Sibling abbreviation + as usual, similar to this:

html>(head>title)+body

Using the grouping abbreviation was also what Nathan Lee's answer suggested and which I accepted.

Both will generate this output:

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

</body>
</html>

If there is any benefit in using one of the other I don't know.

Thanks @François Wahl for further knowledge sharing. +1 from me, I Appreciate it. :) — Nitesh, May 08 '13 at 13:11

score 2 · Accepted Answer · answered May 08 '13 at 12:50

2

Here is the Solution.

(head>title>)html>body

Hope this helps.

answered May 08 '13 at 12:50

Nitesh

15,425
4
48
60

score 2 · Answer 3 · answered May 08 '13 at 12:54

2

try this

html>(head>title)(body)

answered May 08 '13 at 12:54

ShibinRagh

6,530
4
35
57

score 0 · Answer 4 · answered Jul 19 '13 at 02:28

0

Fastest way is to use html:5 within the Koan line (bottom line). That translates to:

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

answered Jul 19 '13 at 02:28

Stefan Gruenwald

2,582
24
30

How to add siblings to a parent element?

4 Answers4