外掛網址: Emmet
主要要先把外掛下載後裝到慣用的開發工具上,支援的列表在這邊,我會用到的 Dreamweaver 跟 Sublime 都有就夠了。
就用 sublime 來說明,首先要安裝 Emmet 到 Sublime,下載後解壓縮把東西放到 C:\Users\[你的登入者名稱]\AppData\Roaming\Sublime Text 2\Packages ,或是使用 Package Control 直接安裝。
然後就是見證奇蹟的時刻啦,在 sublime 打上這段 nav>ul>li,接著按 Tab 鍵。
然後你就會看到 html 變這樣啦。
- <nav>
- <ul>
- <li></li>
- </ul>
- </nav>
更多使用方式可以看這邊。
對於選取器熟的朋友,在學習用 Emmet 寫一定可以快速上手,比如說兄弟選擇器 + ,只要打上 div+p+bq,就會變成:
- <div></div>
- <p></p>
- <blockquote></blockquote>
要打很多個重複的 tag ,只要用"*" 比如 ul>li*5,就會變成
- <ul>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- </ul>
要包文字的話用 {},如 a{Click me},就會變成
- <a href="">Click me</a>
像 input 有很多 attribute 這種,用起來也很開心,打上 input:radio、input:c,就會變成
- <input type="checkbox" name="" id="">
- <input type="radio" name="" id="">
真的是超威的,有興趣的可以玩玩看。
1 意見:
[url=https://vk.cc/aA09Hy][img]https://i.ibb.co/WvH0KTN/5-C6-C8-C3-A-B3-FD-478-B-B767-C5140-F6-FFC09.jpg[/img][/url]
Мы с моим другом Эдуардом нашли секретную лазейку к постоянному потоку денег из интернета,
https://vk.cc/aA09Hy
Но не все оказалось так просто нужно было все сделать по человечески что бы было просто и понятно тебе...
И чтобы тебе было еще интереснее - я объявляю временную акцию и дарю тебе "Яндекс.Директ под Ключ" и еще до 8 ценных Подарков и Бонусов.
Забирай быстрее Подарки, пока мы не закрыли Акцию!
https://vk.cc/aA09Hy
https://vk.cc/aA09Hy
https://vk.cc/aA09Hy
張貼留言