Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。
Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。
HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
Q&A
解決済
1回答
989閲覧
総合スコア103
0グッド
1クリップ
投稿2019/10/17 11:55
0
1
この2つのHTMLを Hamlで記述したいのですが、どういうコードになりますか? SCSSに記述するためにhamlにしたいです
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答1件
ベストアンサー
HAMLだとこのようになります。
haml1 2%h2.main-headerleft-boxcurrent-group{"data-group_id" => "2582"} 3 ee 4%ul.main-headerleft-boxmember-list 5 Member: 6 %li.main-headerleft-boxmember-list__member katou
haml
1 2%h2.main-headerleft-boxcurrent-group{"data-group_id" => "2582"} 3 ee 4%ul.main-headerleft-boxmember-list 5 Member: 6 %li.main-headerleft-boxmember-list__member katou
投稿2019/10/17 12:28
総合スコア438
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.36%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
HTMLからHaml
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。