Язык разметки гипертекста или, короче, HTML — это язык разметки, который использует элементы для отображения содержимого в четко определенной структуре.
pug.js , также известный как PUG , представляет собой библиотеку JavaScript, ранее известную как JADE . Это простой в кодировании шаблонизатор, используемый для кодирования HTML в более удобочитаемом виде.
Сравнение
Вот документ, написанный на HTML:
Это сделано для демонстрации
разницы между
- HTML
- 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 , щелкните здесь.