Существует ли сокращенная версия HTML? - PullRequest
Новая
       3

Существует ли сокращенная версия HTML?

7 голосов
/ 09 июня 2010

Я помню, как читал статью о сокращенной версии или расширении HTML несколько месяцев назад.Его цель состояла в том, чтобы сделать HTML-код значительно более кратким, удалив конечные теги, и это, возможно, также позволило использовать циклы некоторого вида.Я хочу использовать это сейчас, но я не могу вспомнить, как это называлось.

Поиск в Интернете, я нашел Haml , но синтаксис Haml не похож на пример, который я помню из статьи.В синтаксисе статьи использованы прямоугольные скобки, которые являются своего рода заменой отступов.

Что это за язык?

Ответы [ 3 ]

14 голосов
/ 09 июня 2010

Обновление

Zen Coding переименовано в Emmet и имеет кодовую базу на GitHub .

Я думаю, что вы ищете Zen Coding, который можно найти по адресу http://code.google.com/p/zen-coding/.

Zen Coding - это плагин редактора для высокоскоростного HTML, XML, XSL (или любого другого формата структурированного кода)кодирование и редактирование.Ядром этого плагина является мощный механизм аббревиатур, который позволяет расширять выражения - похожие на селекторы CSS - в код HTML.

Пример

div#page>div.logo+ul#navigation>li*5>a

Расширяется в 

<div id="page">
  <div class="logo"></div>
  <ul id="navigation">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
  </ul>
</div>
1 голос
/ 07 августа 2015

Чтобы ответить на общий вопрос (из названия), да, их довольно много.

Вот некоторые из них, на которые я смотрел для своей собственной работы:

Если вы добавите больше комментариев, я могу добавить их в ответ (и они также будут присутствовать в комментариях).

0 голосов
/ 01 июня 2016

http://docs.emmet.io/abbreviations/ моя любимая стенография

Цитата >>

Here’s an example: this abbreviation

#page>div.logo+ul#navigation>li*5>a{Item $}
...can be transformed into

<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>

...with just a single key stroke. In many editors (such as Eclipse, Sublime Text 2, Espresso etc.) plugins will also generate proper tabstop marks so you can quickly traverse between important places of generated code with the Tab key.
...