Emmet 介紹 – 縮寫篇
縮寫這樣的編輯方式是Emmet的核心功能,可以在輸入簡短的代碼後轉換成結構複雜的HTML,而且使用方式跟使用CSS的選取器雷同,所以非常易於使用。例如:
page>div.logo+ul#navigation>li*5>a{Item $} ------ <div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a href="">Item 1</a></li> <li><a href="">Item 2</a></li> <li><a href="">Item 3</a></li> <li><a href="">Item 4</a></li> <li><a href="">Item 5</a></li> </ul> </div>
以下分別介紹各種不同的縮寫撰寫模式
子結構:>
div>ul>li ------ <div> <ul> <li></li> </ul> </div>
同層結構:+
div+p+bq ------ <div></div> <p></p> <blockquote></blockquote>
上一層:^
div+div>p>span+em^bq ------ <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>
div+div>p>span+em^^^bq ------ <div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>
乘法:*
ul>li*5 ------ <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
分組:( )
div>(header>ul>li*2>a)+footer>p ------ <div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer> </div>
(div>dl>(dt+dd)*3)+footer>p ------ <div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer>
項目編號:$
ul>li.item$*5 ------ <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul>
ul>li.item$$*5 ------ <ul> <li class="item001"></li> <li class="item002"></li> <li class="item003"></li> <li class="item004"></li> <li class="item005"></li> </ul>
ul>li.item$@-*5 ------ <ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li> </ul>
ul>li.item$@3*5 ------ <ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>
ul>li.item$@-3*5 ------ <ul> <li class="item7"></li> <li class="item6"></li> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> </ul>
內容:{ }
a{Click me} ------ <a href="">Click me</a>
p>{Click }+a{here}+{ to continue} ------ <p>Click <a href="">here</a> to continue</p>
ID and Class
div#header+div.page+div#footer.class1.class2.class3 ------ <div id="header"></div> <div class="page"></div> <div id="footer" class="class1 class2 class3"></div>
自訂屬性
td[title="Hello world!" colspan=3] ------ <td title="Hello world!" colspan="3"></td>
A person essentially help to make seriously articles I would state. This is the first time I frequented your website page and thus far? I surprised with the research you made to make this particular publish incredible. Fantastic job!
fantastic publish, very informative. I ponder why the opposite experts of this sector do not notice this. You must proceed your writing. I am sure, you’ve a huge readers’ base already!
I’m impressed, I must say. Actually rarely do you encounter a blog that’s both educative and entertaining, and let me tell you, you’ve got hit the nail to the head. Your notion is outstanding; the issue is an issue that not enough people are speaking intelligently about. I am very happy that we found this at my look for something about it.
An impressive share, I just with all this onto a colleague who was performing a little analysis for this. Anf the husband the fact is bought me breakfast simply because I discovered it for him.. smile. So permit me to reword that: Thnx for that treat! But yeah Thnkx for spending time to go over this, I find myself strongly about it and enjoy reading on this topic. Whenever possible, as you become expertise, could you mind updating your website to comprehend details? It’s extremely ideal for me. Huge thumb up for this short article!
i love to listen on audiobooks while travelling on a bus, i could learn a lot from it while travelling;;
Just a smiling visitant here to share the love (:, btw outstanding style .
Pretty! This was a really wonderful post. Thank you for providing these details.
http://musey-uglich.ru/
etodolac 600 mg over the counter – buy monograph online cheap pletal 100 mg for sale
It’s laborious to find educated people on this subject, however you sound like you realize what you’re speaking about! Thanks
I’m not sure the place you’re getting your information, but great topic. I must spend a while learning more or working out more. Thanks for wonderful info I used to be searching for this info for my mission.
how much does vicodin cost from a pharmacy
Сегодня, когда диплом – это начало удачной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения качественного образования. Наличие официального документа переоценить попросту невозможно. Ведь диплом открывает дверь перед людьми, желающими начать трудовую деятельность или продолжить обучение в университете.
В данном контексте мы предлагаем очень быстро получить этот важный документ. Вы можете заказать диплом старого или нового образца, и это является отличным решением для всех, кто не смог завершить образование или утратил документ. Все дипломы производятся аккуратно, с максимальным вниманием ко всем нюансам. В итоге вы получите 100% оригинальный документ.
Превосходство данного решения состоит не только в том, что можно оперативно получить свой диплом. Весь процесс организован просто и легко, с нашей поддержкой. От выбора требуемого образца до точного заполнения личной информации и доставки в любое место страны — все будет находиться под полным контролем опытных мастеров.
Всем, кто ищет максимально быстрый способ получить необходимый документ, наша услуга предлагает выгодное решение. Приобрести диплом – значит избежать длительного процесса обучения и не теряя времени переходить к достижению собственных целей: к поступлению в ВУЗ или к началу удачной карьеры.
seoyour.ru
cost vasotec 10mg – buy cheap generic doxazosin xalatan drug
I cannot thank you fully for the blogposts on your web page. I know you placed a lot of time and effort into all of them and hope you know how considerably I appreciate it. I hope I will do precisely the same for another individual at some point. Palm Beach Condos
Interesting post. I’ll be sticking around to hear much more from you guys. Thanks!
Hello. Cool article. There’s an issue with the website in internet explorer, and you might want to test this… The browser is the marketplace chief and a large element of other folks will miss your great writing due to this problem.
Hi i am kavin, its my first time to commenting anywhere, when i read this article i thought i could also make comment due to this sensible article.
http://http://musey-uglich.ru/
The the next occasion I just read a weblog, I really hope it doesnt disappoint me as much as this one. Come on, man, I know it was my method to read, but When i thought youd have something interesting to state. All I hear can be a handful of whining about something you could fix when you werent too busy looking for attention.
Blasphemy! : ) Simply kidding. Ive go through related points upon various other weblogs. Sick acquire your term for this. Continue to be sound! the companion.
This site certainly has all the info I wanted about this subject and didn’t know who to ask.
сайт казино рио бет
Some times its a pain in the ass to read what people wrote but this site is really user friendly!
Nice post. I was checking constantly this blog and I am impressed!
Very helpful info specifically the remkaining phase 🙂 I handle such info much.
I wass looking for this certain information for a
very lengthy time. Thanks and good luck.
Heya i would really love to subscribe and read your blog posts ;
I’ve read a few good stuff here. Definitely worth bookmarking for revisiting. I wonder how much effort you put to make such a fantastic informative site.
currency trading is a bit tricky compared to internet marketing but you could earn a lot from it,
Its fantastic as your other content : D, appreciate it for posting .
Puis-je vous en adresser les url pour encore plus de miniatures sur cet idée. Ecrivez moi ici meme!
Tente sua sorte no melhor cassino Blaze
Great goods from you, man. Ive understand your stuff previous to and you are just extremely wonderful. I really like what youve acquired here, certainly like what you are saying and the way in which you say it. You make it entertaining and you still care for to keep it smart. I cant wait to read much more from you. This is really a tremendous site.
Bookmarking this for future reference, because who knows when I’ll need a reminder of The wisdom?