haml으로 쓰자.

3717 단어 hamlRails

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.~~~~~'
   に同意したものとみなします

좋은 웹페이지 즐겨찾기