HTML в PUG

Язык разметки гипертекста или, короче, HTML — это язык разметки, который использует элементы для отображения содержимого в четко определенной структуре.

pug.js , также известный как PUG , представляет собой библиотеку JavaScript, ранее известную как JADE . Это простой в кодировании шаблонизатор, используемый для кодирования HTML в более удобочитаемом виде.

Сравнение

Вот документ, написанный на HTML:

     

Это сделано для демонстрации

разницы между

  1. HTML
  2. PUG

и вот тот же документ, написанный с использованием шаблона PUG :

  doctype htmlhtml body h1 Это демонстрирует разницу между ol li HTML li  PUG  

Обратите внимание, что кодирование с использованием фреймворка PUG намного проще и читабельнее, чем th HTML коды.

PUG использует отступ , чтобы различать начало и конец тега. Это делает код намного чище, чем HTML , где отсутствие отступов и необходимость закрывающих тегов делают код немного загроможденным.

Тем не менее, оба HTML и PUG имеют свои сильные стороны.

Сильные стороны HTML

  • Это стандарт для создания документов и может использоваться для множества платформ, включая веб-разработку, мобильную разработку и даже Jupyter Notebook.
  • Его можно интегрировать с несколькими языками.
  • Его легко редактировать, так как вы можете писать и редактировать его в блокноте.
  • HTML легкий.

Сильные стороны PUG

  • Вы можете кодировать HTML-документы динамически.
  • Лучшая читаемость.
  • Это дает вам больше свободы при написании кода. Например, вы можете использовать условные операторы или можете импортировать/включать другие файлы и включать их в свой текущий файл.

Чтобы узнать больше о синтаксисе PUG , щелкните здесь.

Оцените статью
nanomode.ru
Добавить комментарий