hamlで書いてみよう

hamlの書き方をいつも調べているので、使ったものをまとめています。
その都度更新しております。

基礎

!!! 
%html
  %head

タグ

.single-container
  %header.single-header

inputタグ

HTML
<input type="email" name="email" value="" placeholder="メールアドレス" class="login-input-text">

haml
%input.login-input-text{:name => "email", :placeholder => "メールアドレス", :type => "email", :value => ""}/

form_for

haml(form_for)
= f.email_field :email, autofocus: true, autocomplete: "email", placeholder: "メールアドレス", class: 'login-input-text'

link_to

HTML
<a href="https://www.~~~~">プライバシーポリシー</a>

haml
%h1
  = link_to '/' do

.login-form
  = link_to '', class: "btn-facebook" do

img

aタグ

pタグの中にaタグでリンクを貼りたいとき

%p.text-center 
  「次へ進む」のボタンを押すことにより、
  %a{href: 'https://www.google.com'} 利用規約
  に同意したものとみなします

※インデントに注意！

　画面表示

★　aタグでなく、link_toでも可能です

%p.text-center 
   「次へ進む」のボタンを押すことにより、
   = link_to "利用規約", 'https://www.~~~~~'
   に同意したものとみなします