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>
https://gramster.ru/# gramster.ru
http://gramster.ru/# пин ап вход
промокоды изи дроп 50 промокоды изи дроп 50 .
секретный код easydrop секретный код easydrop .
изи дроп промокод на 100 рублей изи дроп промокод на 100 рублей .
пин ап казино официальный сайт: gramster.ru – gramster.ru
https://gramster.ru/# gramster.ru
buy deltasone 40mg online cheap – order prednisone 20mg without prescription capoten online
https://gramster.ru/# gramster.ru
снятие ломки на дому цена снятие ломки на дому цена .
снятие ломки на дому цена снятие ломки на дому цена .
снятие ломки наркозависимого снятие ломки наркозависимого .
myspace.com https://www.haedongacademy.org/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fpotatospleen75.bravejournal.net%2Fexploring-queer-representation-in-sex-videos%3Ehindi+bf+-+xxxbp.tv%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fwww.thehomeautomationhub.com%2Fmembers%2Fflightsalad30%2Factivity%2F653249%2F+%2F%3E .
снятие ломки в стационаре [url=https://rio16.ukrbb.net/viewtopic.php?f=3&t=1130/]снятие ломки в стационаре[/url] .
Легальная покупка диплома о среднем образовании в Москве и регионах
myspace.com https://geonsail@wellho.net/test.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fjaidennjdxs.blogthisbiz.com%2F38242257%2Fpornography-a-way-to-reduce-sexual-boredom%3Exx+video+-+xxxbp.tv%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fmacias-churchill-3.blogbright.net%2Fhow-porn-can-improve-your-sexual-self-awareness+%2F%3E .
Как купить аттестат 11 класса с официальным упрощенным обучением в Москве
https://gramster.ru/# пин ап казино зеркало
Как быстро и легально купить аттестат 11 класса в Москве
Промокоды бонусы комета казино
myspace.com http://www.casinokeeda.com/members/sackmoon46/activity/488718// .
myspace.com https://www.ugvlog.fr/test/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fholmes-velasquez-3.thoughtlanes.net%2Fthe-role-of-porn-in-improving-sexual-relationships-for-couples%3Esunny+leone+sex+video+-+xxxbp.tv%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Ffinnzqgxm.topbloghub.com%2F38080034%2Fthe-positive-impact-of-porn-on-sexual-communication-for-couples+%2F%3E .
Официальная покупка диплома вуза с сокращенной программой в Москве
https://gramster.ru/# пин ап казино зеркало
http://gramster.ru/# пинап казино
https://gramster.ru/# пин ап казино официальный сайт
myspace.com http://www.u.scv.kd@zvanovec.net/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fclick4r.com%2Fposts%2Fg%2F18646961%2Fthe-power-of-pornography-a-tool-for-overcoming-sexual-shame-and-guilt%3Ehindi+sexy+bf+-+xxxbp.tv%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fkay-puggaard-2.blogbright.net%2Fthe-excitement-of-experiencing-different-sexual-identities-a-pornographic-exploration+%2F%3E .
пин ап казино официальный сайт gramster.ru пин ап казино официальный сайт
Introducing to you the most prestigious online entertainment address today. Visit now to experience now!
http://gramster.ru/# gramster.ru