haml으로 쓰자.
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.~~~~~'
に同意したものとみなします
Reference
이 문제에 관하여(haml으로 쓰자.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mokku/items/2e5fc664a88f602b6a75
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
!!!
%html
%head
.single-container
%header.single-header
HTML
<input type="email" name="email" value="" placeholder="メールアドレス" class="login-input-text">
haml
%input.login-input-text{:name => "email", :placeholder => "メールアドレス", :type => "email", :value => ""}/
haml(form_for)
= f.email_field :email, autofocus: true, autocomplete: "email", placeholder: "メールアドレス", class: 'login-input-text'
HTML
<a href="https://www.~~~~">プライバシーポリシー</a>
haml
%h1
= link_to '/' do
.login-form
= link_to '', class: "btn-facebook" do
%p.text-center
「次へ進む」のボタンを押すことにより、
%a{href: 'https://www.google.com'} 利用規約
に同意したものとみなします
※インデントに注意!
%p.text-center
「次へ進む」のボタンを押すことにより、
= link_to "利用規約", 'https://www.~~~~~'
に同意したものとみなします
Reference
이 문제에 관하여(haml으로 쓰자.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mokku/items/2e5fc664a88f602b6a75텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)