`
Dream丶AL
  • 浏览: 22188 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

HTML代码简写法Haml

阅读更多

haml的简化规则

1.!!!5 代表<!DOCTYPE html>

2.%E 代表HTML标签

3.%E#id  代表标签的id

4.%E.class 代表class属性

5.%E XXX  代表插入标签的内容

 

注意:因为haml没有结束符,所以一定要注意缩进。

 

例如:

!!!5
%html
     %head
        %title  Haml
     %body
        %h1  标题
         %a{:href=>http://www.baidu.com/}

对应的

<!DOCTYPE html>
<html>
     <head>
        <title>Haml</title>
     </head>
     <body>
        <h1>标题</h1>
        <a href = "http://www.baidu.com/"></a>
     </body>
</html>

 

分享到:
评论

相关推荐

    Ruby-Haml是一个HTML的模板引擎

    它特别适合快速构建静态页面、管理后台界面,或者用于生成邮件模板,因为它能有效地减少重复的HTML代码,并且让代码更易于理解和维护。 **总结** Haml作为Ruby生态系统中的一个重要组成部分,以其简洁、安全的特性...

    MtHaml:PHP实现的HAML模板语言类库.zip

    HAML(HTML Abstraction Markup Language)是一种结构化模板语言,旨在简化HTML代码,提高可读性和易维护性,尤其在动态网站开发中广泛应用。`MtHaml` 的出现,使得 PHP 开发者能够享受到 HAML 带来的益处。 HAML ...

    为什么要使用HAML和SASS

    首先,HAML是一种简洁、清晰的HTML模板语言,它通过消除冗余的闭合标签和减少缩进混乱,使HTML代码更加简洁易读。在HAML中,元素的嵌套关系通过缩进来表示,没有开始和结束标签,而是用百分号(%)和元素名来创建...

    前端项目-clientside-haml-js.zip

    Haml是一种预处理语言,旨在提高HTML代码的可读性和简洁性。它通过缩进和简化的语法减少HTML的冗余,使得代码更加结构化。Haml的语法通常比原生HTML更紧凑,因此更容易维护和理解。在本项目中,"clientside-haml-js...

    Laravel开发-laravel-blade-haml

    HAML(HTML Abstraction Markup Language)是一种简洁的 HTML 模板语言,旨在减少 HTML 的冗余,提高代码的整洁度。HAML 的特点包括: 1. **缩进表示层级**:HAML 使用空格或制表符的缩进来表示元素的嵌套关系,...

    让脚手架直接生成Haml模板

    Haml是一种简洁、清晰的HTML替代语法,旨在提高代码的可读性和可维护性。通常,脚手架工具会生成HTML模板,但通过一些定制,我们可以让它们生成Haml格式的代码。 在Web开发中,脚手架是一种快速构建应用基础结构的...

    haml:HTML抽象标记语言-标记Haiku

    哈姆 Haml是HTML的模板引擎。 通过消除冗余,反映文档所表示的基础结构以及提供既强大又易于理解的优雅语法,它旨在使编写HTML文档变得更加轻松愉快。基本用法Haml可以从命令行使用,也可以作为Ruby Web框架的一部分...

    MtHaml:PHP实现的HAML模板语言类库

    - **解析HAML**: MtHaml能够解析HAML语法,将其转换为标准的HTML代码,方便在Web应用中使用。 - **自定义标签**: 支持自定义标签和过滤器,可以扩展到处理PHP或其他服务器端语言生成的内容。 - **性能优化**: 通过...

    Haml2Html:一个易于使用的编译器,用于使用Haml&Sass开发静态页面

    Haml2Html 一个易于使用的编译器,用于使用Haml&Sass开发静态页面。要求需要以下内容:安装将存储库克隆到本地计算机。 在您的终端中,导航到/haml2html 。 跑步 ./install这将检查需求并安装未安装的需求。用法将...

    前端开源库-ewg-haml-coffee-gulp

    在这个开源库中,"ewg-haml-coffee-gulp-master"很可能包含了项目的主要源代码、配置文件和示例。开发者可以利用这个库快速设置一个基于HAML和CoffeeScript的前端开发环境,通过Gulp来管理和构建项目。这将极大地...

    hamlet-compiler:Haml 的形式化语法

    hamlet-compiler会解析这些语法,生成对应的HTML代码。 例如,以下是一个简单的Haml模板示例: ```haml %ul - for item in @items %li= item.name ``` 这段代码会被编译为: ```html &lt;li&gt;Item 1 &lt;li&gt;Item 2...

    s-ublime-text-haml-sass-master.zip

    HAML(HTML Abstraction Markup Language)是一种简洁、清晰的HTML模板语言,它的语法比传统HTML更加简洁,减少了代码中的冗余,使得代码更易读、易写。HAML的主要特点包括缩进表示层级关系,%tagname创建元素,以及...

    非常小巧的JS下拉菜单代码

    "非常小巧的JS下拉菜单代码"是一个专为网页开发者设计的轻量级解决方案,它不仅实现了基本的下拉功能,还考虑了跨浏览器的兼容性,包括Internet Explorer、Firefox、Opera、Safari以及Chrome等主流浏览器。...

    Ruby-Himl是一种基于HTML的Ruby缩进标记语言

    Haml(HTML Abstraction Markup Language)的设计理念是将HTML的结构和内容分离,使得代码更加清晰易读,同时减少了冗余的语法。与传统的HTML相比,Haml采用缩进来表示嵌套关系,这使得代码更具有可读性,并且避免了...

    herbalizer:转换HAML到ERB

    实际上,不解析Ruby代码是不可能的-Haml支持几种构造,例如=带有=块和Ruby代码中的注释,而ERB则不支持。 可能可以修改Haml引擎,以将Haml的相当大的子集转换为ERB,但是要实现一个不完善的实现,还需要花费大量的...

    ruby-haml-loader:使用实际Ruby`haml`的Webpack Haml加载器

    用于Webpack的Ruby Haml加载程序 将Haml文件作为模块导入Webpack项目中。 返回渲染的模板。 这很慢。 它是为临时使用而创建的,直到转换为Jade。 此自述文件基于自述文件。 设置 添加到您的webpack配置模块....

    haml-to-php:PHP的haml实现

    编写类似于ruby的haml实现的代码 在错误的标签嵌套上失败,例如table&gt; td&gt; tr 图书馆支持 请参阅如果您将对haml-to-php.com的支持添加到框架中,我想参考您的工作。 我知道的相关工作 请参阅此处。 最引人注目。 ...

    Middleman-HTML5BP-HAML:一个将HTML5 Boilerplate转换为HAML的中间人项目模板,包括Sprockets,SUSY等

    Middleman 3.0.x项目模板:HTML5 Boilerplate HAML,Normalize,Susy,Sprockets包括 HTML5 Boilerplate HAML是适用于HAML 项目模板,具有响应网格,可以使用 ,由 ,Coffeescript,Sprockets等。 强烈建议使用和 ...

    2021-2022年收藏的精品资料软件工程师快速编写HTML和CSS的工具集合.docx

    会被编译成对应的HTML代码,大大简化了编写过程。 接下来,我们转向CSS编码的加速方法,主要介绍了CSS编译器。这些编译器提供了新的语法,如嵌套规则、变量定义、混合和继承,帮助开发者编写更简洁、可维护的代码。...

    HAML.jl:JuliaHTML抽象标记语言。 受Ruby的HAML启发

    只需内联编写HAML代码,它将扩展为字符串: julia &gt; using HAMLjulia &gt; link = " https://youtu.be/dQw4w9WgXcQ "julia &gt; haml """ %html %body %a(href=link) Hello, world! """ |&gt; print&lt; html &gt; &lt; body...

Global site tag (gtag.js) - Google Analytics