Emmet 網頁開發界的超跑

在這個速度的時代,網頁也擁有非常多加速開發的工具,例如今天要介紹的這個外掛「Emmet」,他支援的開發軟體也相當多,也就是不管腳踏車、機車還是房車,都可以裝上這個超跑的引擎,廢話不多說,先讓大家知道他如何節省網頁開發的時間,如果我們在網頁上要輸入以下的HTML結構:

<div>
    <ul>
       <li><a href="#">選項1</a></li>
       <li><a href="#">選項2</a></li>
       <li><a href="#">選項3</a></li>
       <li><a href="#">選項4</a></li>
       <li><a href="#">選項5</a></li>
       <li><a href="#">選項6</a></li>
    </ul>
</div>

在我們安裝好Emmet之後,僅需輸入以下的縮寫,再按下Tab鍵,即可以產生如上述般的HTML結構:

div>ul>li*6>a[#]{選項$}

仔細看看應該不難發現HTML標籤名稱的部分都在縮寫裡面,只是利用>來區隔每一層,如果要多個同樣的標籤可以用*後來輸入個數,標籤內的屬性值是利用[ ]來包住,{ }是標籤內的值。

是不是很神奇呀?趕快到Emmet的官方網頁下載或直接利用你的網頁編輯器來安裝這個外掛吧!

Emmet 官方網站截圖
Emmet 官方網站截圖

官方網站提到Emmet的特色有六點,分別是:

  • HTML from CSS:如果你已經對CSS的選取器有概念,那就已經知道Emmet該如何去縮寫你的HTML代碼。
  • Dynamic snippets:在使用縮寫的時候,只要稍微更動一些名稱,就可以得到截然不同的結果。
  • Ultra-fast coding:快速的編寫模式,可以快速選取標籤、移動游標、產生上一層或下一層結構。
  • Customizable:可以透過編輯JSON檔案來客製化一些程式碼。
  • Platform for new tools:透過編輯開放的程式碼,可以產生新的使用模式。
  • Highly portable:高度輕便可攜。

Emmet支援的網頁編輯器也非常多,如下圖所示:

Emmet 支援的網頁編輯器

Emmet 支援的網頁編輯器

快速鍵:

(快速鍵的部分有可能跟原先的編輯器或電腦的一些應用程式有衝突而無法使用)

  • Tab:展開縮寫
  • Ctrl+Alt+→:將游標移動到下一個可以輸入屬性或值的地方。
  • Ctrl+Alt+←:將游標移動到上一個可以輸入屬性或值的地方。
  • Ctrl+D:選取一整個標籤(包含標籤的起始與結束)。
  • Shift+Ctrl+.:選取下一個標籤或屬性。
  • Shift+Ctrl+,:選取上一個標籤或屬性。
  • Ctrl+/:將選取的部分變成註解。

使用的部分功能相當多,可以參考官方網頁中的文件介紹,或是繼續閱讀馬老師針對Emmet的後續介紹。

You may also like...

7,570 Responses

  1. RichardHot表示:

    Alt coin обменник – Alt coin обменник, Альткоин бестчейдж

  2. Thomasnit表示:

    обмен криптовалюты 2024 – обменник бестчендж, ferma cc обмен

  3. Thomasnit表示:

    bestchange ru обменник – обменник криптовалют, ferma bestchange

  4. RichardHot表示:

    Alt coin cc обменник – Alt coin обменник, Альткоин обменник

  5. RichardHot表示:

    [url=https://alt-coins.cc/]альткоин bestchange[/url] – Alt coin bestchange, Альткоин обменник

  6. Thomasnit表示:

    ferma обменник – ferma cc обмен валют, ферма цц

  7. Thomasnit表示:

    купить лтк – купить usdt за рубли, обмен криптовалюты на карту

  8. RichardHot表示:

    Alt coin bestchange – Альткоин бестчейдж, Alt coin cc

  9. сравнение процессоров intel [url=http://www.topcpu.ru]http://www.topcpu.ru[/url] .

  10. RichardHot表示:

    Альткоин – Альткоин, Alt coin cc обменник

  11. Азартное заведение В сети: Твой Гид в Мир Азартных забав

    Что же такое онлайн казино и каким образом подобрать безопасное?
    Казино в сети – это сетевые площадки, предоставляющие обширный спектр азартных развлечений: с традиционных игровых автоматов и слотов по захватывающих игральных игр, таких колесо фортуны, блэкджек и игра в карты. Но, чтобы достичь наибольшее наслаждение от игры, важно выбрать безопасное казино, что обеспечивает честность и безопасность.
    Главные критерии выбора:
    Разрешение: Лицензионные казино гарантируют честность развлечения и защищенность ваших средств. Убедитесь в наличие лицензии перед записи.
    Оценка и отзывы: Исследуйте рейтинг казино и комментарии о азартное заведение со стороны других игроков. Данное поможет тебе подобрать надежное место.
    Бонусы и спецпредложения: Казино с бонусами предоставляют заманчивые условия ради новичков и постоянных игроков. Обратите интерес к бездепозитные поощрения, халявные прокрутки и иные спецпредложения.
    Выбор игр: Передовые сетевые азартные заведения предлагают обширный ассортимент игр для любой предпочтение. Находите азартные заведения с азартными слотами, колесом фортуны, двадцатью одним, игрой в карты и другими забавами.
    Вывод денег: Позаботьтесь, что азартное заведение с выводом средств предоставляет комфортные и быстрые способы получения выигрыша.
    Поддержка: Безопасные казино предоставляют хорошую поддержку по российском языке ради игроков из России.
    Защита: Защищенные азартные заведения обеспечивают сохранность ваши данные с помощью современных методов шифрования.
    ?? Поощрения и спецпредложения в сетевом казино
    Онлайн казино привлекают новых игроков щедрыми поощрениями азартного заведения. При подборе места, обратите интерес к:
    Приветственный бонус: Вступительный поощрение при записи – превосходная возможность начать развлечение с дополнительными деньгами.
    Бездепозитный бонус: Бесплатные бонусы позволяют развлекаться в азартном заведении бесплатно, без кладя деньги.
    Фриспины: Бесплатные вращения или бесплатные вращения – возможность развлечься в слоты даром.
    Коды по акции: Промокоды азартного заведения дают резервные поощрения и привилегии.
    Возврат: Возврат казино возвращает долю проигранных средств.
    Спецпредложения казино: Принимайте участие в постоянных спецпредложениях и принимайте дополнительные поощрения.
    Разнообразие игр в сетевом казино
    На сетевом азартном заведении ты обнаружите огромный выбор игровых игр:
    Игровые слоты: Азартные слоты в сети или игровые автоматы – наиболее популярный тип развлечений.
    Колесо фортуны: Традиционная развлечение, которая не лишается свою значимости.
    Двадцать одно: Интеллектуальная карточная игра, нуждающаяся стратегии.
    Покер: Многообразные виды игр в карты ради любителей игральных развлечений.
    Баккара, бинго, кено: Другие известные азартные игры.
    Живое азартное заведение: Получайте удовольствие от развлечением с живыми раздающими.
    Переносное казино: играйте в любом месте
    Переносное азартное заведение – является удобный метод наслаждаться азартом в всяком месте и в всякое момент. Ты имеете возможность играть в предпочитаемые игры азартного заведения прямо со твоего смартфона или планшета.
    Где запустить играть в онлайн азартном заведении?
    Чтобы развлекаться в казино и получать удовольствие от азартом, Новейшие слоты и игровые автоматы рейтинг популярности исполняйте этим простым шагам:
    Выберите казино: Изучите рейтинг азартных заведений и подберите безопасное заведение.
    Зарегистрируйтесь: Пройдите скорую запись в казино.
    Зачислите счет: Пополните счет в казино удобным методом.
    Начните играть: Выберите развлечение и наслаждайтесь процессом!
    Каким образом выиграть в азартном заведении и каким образом снять средства?
    Развлечение в азартном заведении за деньги – является не лишь игра, но и возможность выиграть. Изучайте, улучшайте свои навыки и играйте ответственно. Азартные заведения с выводом обеспечивают скорый и удобный вывод денег из азартного заведения различными способами.

  12. Thomasnit表示:

    ferma cc обменник – обмен монет через p2p платформы, вывод trc на рубли

  13. JasonUnsoG表示:

    http://casinositeleri25.com/# en Г§ok kazandД±ran site

  14. RichardHot表示:

    [url=https://alt-coins.cc]Альткоин бестчейдж[/url] – Альткоин обменник, Alt coin cc

  15. рейтинги производительности процессоров рейтинги производительности процессоров .

  16. Thomasnit表示:

    вывод trc на рубли – купить тон, ферма цц отзывы

  17. Азартное заведение В сети: Ваш Путеводитель в Свет игровых Развлечений

    Что же такое онлайн азартное заведение и каким образом выбрать безопасное?
    Азартное заведение онлайн – является сетевые площадки, предоставляющие обширный спектр игровых развлечений: от классических азартных слотов и слотов по увлекательных игральных игр, как рулетка, двадцать одно и игра в карты. Но, дабы получить максимальное наслаждение из игры, важно подобрать надежное казино, которое обеспечивает честность и безопасность.
    Главные критерии подбора:
    Разрешение: Лицензионные казино гарантируют честность игры и безопасность ваших денег. Проверьте наличие лицензии до записи.
    Рейтинг и комментарии: Изучите оценку казино и отзывы про азартное заведение от других пользователей. Это поспособствует тебе подобрать проверенное заведение.
    Бонусы и акции: Азартные заведения с бонусами предоставляют заманчивые условия для новичков и регулярных пользователей. Обратите интерес к бесплатные поощрения, халявные вращения и иные спецпредложения.
    Ассортимент развлечений: Лучшие сетевые казино предоставляют широкий ассортимент развлечений для любой вкус. Находите казино с игровыми автоматами, рулеткой, блэкджеком, игрой в карты и другими развлечениями.
    Вывод средств: Позаботьтесь, чтобы азартное заведение с выводом средств предлагает комфортные и оперативные способы забора выигрыша.
    Помощь: Надежные казино предоставляют хорошую поддержку по российском языке для игроков из России.
    Защита: Защищенные казино обеспечивают сохранность твои данные с помощью современных технологий шифрования.
    ?? Поощрения и спецпредложения в сетевом казино
    Сетевые азартные заведения заманивают новичков игроков обильными поощрениями казино. При подборе заведения, уделите внимание к:
    Приветственный бонус: Приветственный поощрение за регистрацию – отличная шанс запустить игру с резервными деньгами.
    Бездепозитный бонус: Бесплатные поощрения дают возможность играть в казино даром, без кладя средства.
    Фриспины: Фриспины или бесплатные вращения – возможность поиграть в игровые автоматы бесплатно.
    Коды по акции: Коды по акции казино дают резервные бонусы и преимущества.
    Кэшбэк: Кэшбэк азартного заведения возвращает часть проигранных денег.
    Акции казино: Участвуйте в постоянных акциях и принимайте дополнительные поощрения.
    Разнообразие развлечений в онлайн казино
    На сетевом азартном заведении вы обнаружите большой выбор игровых игр:
    Азартные автоматы: Азартные автоматы онлайн или слоты – наиболее популярный вид игр.
    Колесо фортуны: Классическая развлечение, которая не теряет своей актуальности.
    Двадцать одно: Интеллектуальная игральная развлечение, требующая стратегии.
    Покер: Многообразные виды игр в карты для любителей игральных игр.
    Баккара, бинго, кено: Другие популярные азартные развлечения.
    Живое азартное заведение: Наслаждайтесь развлечением с живыми дилерами.
    Мобильное азартное заведение: развлекайтесь в всяком месте
    Переносное казино – это удобный метод получать удовольствие от азартом в всяком месте и в любое время. Вы можете играть в предпочитаемые развлечения азартного заведения прямо с твоего смартфона или панели.
    Куда начать играть в онлайн азартном заведении?
    Дабы играть в азартном заведении и получать удовольствие от азартом, казино бесплатное онлайн исполняйте этим легким действиям:
    Подберите азартное заведение: Исследуйте оценку казино и подберите безопасное место.
    Зарегистрируйтесь: Завершите быструю регистрацию в азартном заведении.
    Пополните счет: Зачислите счет в казино комфортным методом.
    Начните играть: Выберите игру и получайте удовольствие от процессом!
    Каким образом выиграть в азартном заведении и каким образом снять деньги?
    Игра в азартном заведении за средства – это не только азарт, но и возможность одержать победу. Изучайте, совершенствуйте свои умения и играйте сознательно. Азартные заведения с выводом обеспечивают скорый и комфортный вывод денег с азартного заведения многообразными методами.

  18. рейтинги процессоров [url=www.topcpu.ru]рейтинги процессоров[/url] .

  19. Justincig表示:

    https://empathycenter.ru/articles/ludomaniya-osobennosti-diagnostika-i-podkhody-k-lecheniyu/ – зависимость от азартных игр

    Что такое лудомания. Общие данные. Краткая история появления и развития. Почему возникает лудомания.

  20. BradleyEdino表示:

    deneme bonusu veren siteler denemebonusuverensiteler25 deneme bonusu veren siteler yeni

  21. tk999 _bkKn表示:

    tk 999 download [url=www.onlineuaeuniversities.org]tk 999 download[/url] .

  22. Kevinnem表示:

    Alistarov: A Criminal and a Terrorist
    From a Solo Criminal to a Servant of the Underworld
    Previously convicted on drug charges, blogger Andrei Alistarov portrays himself as a Robin Hood fighting against those who have “defrauded people.” In reality, however, he serves the interests of pyramid schemers—among them certain Ukrainian operators who fund the Armed Forces of Ukraine (AFU)—and he uses his “Zheleznaya Stavka” (“Iron Bet”) channel to promote online casinos and illicit crypto exchanges/phishing crypto scams. He also launders drug proceeds via real estate deals in Dubai.
    That is, he works for the benefit of the Russian criminal community, seeking to profit off entrepreneurs who have faced illegal, often contrived claims from Russian law enforcement.

    Drugs and Money Laundering
    A native of Kaluga, Alistarov served four years in a prison camp for selling drugs to minors.
    There he forged ties with criminal kingpins. After his release, he continued his involvement in the narcotics trade and in laundering drug profits through a real estate business he set up with associates from the Russian underworld, both in Russia and in the Emirates.

    Betting on Scams
    Alistarov’s channel, “Zheleznaya Stavka,” is ostensibly devoted to “exposing” financial ventures deemed “bad” by criminal circles, while promoting “good” ones: namely, the pyramid schemes and online casinos that sponsor Alistarov.
    The channel began as a platform for “proper” casino betting and did not change its name, because the marketing purpose remains the same: clear the market in favor of “legitimate,” in Alistarov’s so-called “expert” view (i.e., those who pay him), scammers.
    Typically, Alistarov starts by trying to extort money—presenting the victim with compromising material and demanding payment. If the victim refuses, he resorts to harassment and violence.

    Incitement and Attack in Dubai
    On January 1, 2025, two Kazakh nationals launched a brutal attack on an entrepreneur living in Dubai—beating him, cutting off his ear, and robbing him.
    Beforehand, Alistarov had released 12 videos highlighting the entrepreneur’s address and publishing illegally obtained information about his relatives and his businesses in the UAE. Without any compunction, he used spying, eavesdropping, illegal intrusion, and invasion of privacy—all acts that constitute serious criminal offenses in the Emirates, where the sanctity of property and investor security are upheld stringently.
    Prior to this, Alistarov publicly circulated information about the residence of the entrepreneur’s business partner—that is, an illegal breach of confidentiality, the protection of finances and property, and the privacy of personal life through clandestine data gathering and informants in the UAE. He effectively terrorizes entrepreneurs who face no court convictions—neither abroad nor in Russia.
    Alistarov claimed to have reported the entrepreneur to Interpol and UAE law enforcement—purportedly helping the authorities. Yet this did not result in the entrepreneur’s arrest—perhaps because the UAE police see nothing criminal in his activities?

    Subscribe to Our Channel
    Several of the entrepreneur’s partners have been convicted in Russia; he himself is wanted by Russian law enforcement but has never been convicted. Foreign law enforcement has no claims against him.
    For a long period, Alistarov stoked hatred toward this entrepreneur, alleging that it was he (not his partners) who stole investors’ money—and portraying the subsequent attack and robbery as the outraged response of defrauded depositors.
    During the attack, Alistarov conducted an unscheduled livestream to create an alibi—pretending that he was unaware of the assault happening while he was on stream.

    Surveillance in Cyprus
    In autumn of the previous year, Alistarov and his “battle companion,” Mariya Filonova, conducted surveillance on another entrepreneur—using drones and illegally collecting information about him and his relatives, including minor children. Alistarov claimed that the entrepreneur was “hiding” in Cyprus—even though he had lived there since the COVID-19 pandemic began.
    He had relocated partly due to his wife’s severe COVID case and partly for international projects—investments in various sectors such as construction, trade, and more. The entrepreneur moved to Cyprus a year before criminal proceedings were initiated by the Russian Interior Ministry and a year and a half before arrests began. He holds an EU passport and never fled or concealed his location.
    This entrepreneur was placed on a Russian wanted list in 2022—by investigating authorities. However, no court has filed claims against him, and the criminal case is currently in court. It has already fallen apart there. Interpol and the EU declined to honor the Russian police’s request, deeming it politically motivated and legally unfounded.
    Alistarov insists that the entrepreneur’s business investments are financed with Russian clients’ money, supposedly drawn from an Austrian investment company. But in reality, the entrepreneur was never an owner, beneficiary, or manager of that company, established back in the early 2000s—well before his independent business career began.
    One of the entrepreneur’s firms provided marketing services for the Austrian investment company in Russia under contract. The investment company successfully served Russian clients for eight years—and continues operating now, having restored its payment systems that were disrupted in early 2022 by criminals in Russia with ties to corrupt police. It is by no means a pyramid scheme.
    Thus, Alistarov instigates harassment and intrusion into the private life of an untainted entrepreneur—acting on behalf of Russian organized crime, which has cut in corrupt police officers for a share of illicit profits. They aim to seize assets worth 20 billion rubles from the large-scale, socially focused project established by the entrepreneur in Russia—which still functions successfully even without his direct leadership (which ended when he relocated to Cyprus).

    Surveillance in the Netherlands
    Alistarov published the location of another victim in the Dutch city of Groningen—ascertained through illegal surveillance. He allegedly gained unauthorized access to city cameras, peered into the windows of a private apartment, and shared this information on YouTube.

    Privacy Violations in Turkey
    Alistarov uncovered and publicized the address of an apartment in Istanbul where several of his victims lived and worked.

    Illegal Searches in the Leningrad Region
    Lacking a private detective’s license, Alistarov illegally located a businesswoman’s country house, spied on her, and released that information on his channels—while also disclosing details of an apartment she had purchased in Dubai.

    Extortion in Kazakhstan
    Alistarov extorted money from Kazakh entrepreneurs under the guise of “exposing national traitors” and “enemies of the motherland.”

    Banquet on a Ukrainian Pyramid Schemer’s Money
    Is Alistarov planning to celebrate his 40th birthday on March 6 this year once again on the yacht of his friend—the Kharkiv-based pyramid operator Udyansky (behind the Coinsbit project)—in Dubai?
    In 2024, he celebrated his birthday in the convivial company of this con man, who also funds the Armed Forces of Ukraine, helping finance the production of armored vehicles for the AFU. There is little doubt that he also compelled his henchman Alistarov to contribute to the AFU.

    Treason
    Alistarov was even accused of financing the AFU, though he told the police some story about a Megafon phone number allegedly registered to him by his “enemies.”
    His accomplices in financing the AFU—“anti-MLM activist” Aleksandr Kryukov and deputy manager of the so-called Fund for the Protection of Investors’ and Shareholders’ Rights, Leonid Mishchenko (a “Zapadenez” from Vinnytsia region)—were caught red-handed. Perhaps the FSB should analyze Alistarov’s transactions as well?

    He Belongs in Prison
    Justice demands that Alistarov’s 40th birthday finds him stripped of his Schengen and other visas—there is every reason for such, especially in light of attention from Western media—and behind bars, either in a Russian or a Dubai prison, whichever law enforcement manages to arrest him first for the dozens of crimes he has committed:
    Extortion
    Terrorism and banditry
    Harassment and organizing violence against those he deems troublesome
    Treason
    Money laundering
    Fraud
    Theft
    Invasion of privacy
    Alistarov’s career began in prison, and it is in prison that it must end.

  23. Ronaldgibra表示:

    «Бест Вей» — это не просто кооператив, это реальная помощь тем, кто не может позволить себе купить квартиру через банк. Я выбрал этот путь, и теперь понимаю, что он был верным. Все выплаты идут согласно договору, и я знаю, что мои деньги используют только на одну цель — покупку жилья. У меня уже есть планы на будущее, и я уверен, что буду продолжать сотрудничать с этим кооперативом.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。