Что это за html? И широко ли он используется?

#javascript #html #web-deployment

#javascript #HTML #веб-развертывание

Вопрос:

 // Mixins
mixin input(type, label)
  .input-container
    input(type='#{type}' id='#{label}' required)
    label(for='#{label}')=label
    .bar
mixin button(text)
  .button-container
    button
      span=text

// Pen Title
.pen-title
  h1 Material Login Form
  span
    | Pen <i class='fa fa-code'></i> by <a href='http://andytran.me'>Andy Tran</a>
    
.rerun
  a(href='') Rerun Pen
  
.container
  .card
  .card
    h1.title Login
    form
       input('text', 'Username')
       input('password', 'Password')
       button('Go')
      .footer
        a(href='#') Forgot your password?
  .card.alt
    .toggle
    h1.title Register
      .close
    form
 

Ответ №1:

Если вы посмотрите на CodePen, из которого вы это нашли, вы можете увидеть в верхнем левом углу рядом с «HTML», что там написано «(Pug)».

Pug — это движок для создания шаблонов. На NPM его загружают 1,3 миллиона раз в неделю, но я бы не сказал, что он широко используется в отрасли.

Вы можете получить более подробную информацию об этом на их сайте: https://pugjs.org/api/getting-started.html