顾名思义,预处理器是整个编译过程的第一阶段,它包括删除注释、扩展宏、包含标题等。
在编写 HTML 和 CSS 时,它有点关键,因为我们必须一次又一次地做同样的工作,比如关闭选项卡并为同一元素重复相同的属性,这会导致效率低下。为了克服这些问题,存在预处理器。因此,HTML 中的预处理器与其他语言中的预处理器无异,它以数据的形式接收输入并转换为其他类型的数据。在 HTML 和 CSS 等标记的情况下,流行的预处理器包括Haml和Sass 。
HTML预处理器也可以理解为它是一个帮助开发者根据预处理器的语法生成HTML语法的程序。它将添加一些在纯 HTML 语法中不存在的独特功能。由于预处理器是程序,它们总是用某些语言处理,因此Haml用 HTML 和Sass 处理。
HAML 预处理器: Haml 代表Hampton Catlin 创建的 HTML 抽象标记语言,创建它的唯一目标是使标记美观。它基本上是一个基于Ruby的预处理器和所需的Ruby安装在本地计算机的Mac OS中,红宝石预装而对于Windows用户可以从这里安装。要安装 Haml,请遵循以下命令。
gem install haml
haml index.haml index.html
注意:命令应该在索引文件所在的同一目录中运行。
例子:
- Haml 预处理器中标头的代码:
%body %center %header %h1GeeksforGeeks %section %bA Computer Science Portal for Geeks
- 转换成 HTML 的 HAML 代码代码:
GeeksforGeeks
A Computer Science Portal for Geeks - 输出:上述 HTML 或 HAML 代码的输出。
注意: Haml 代码将降低 HTML 代码的代码可读性,但代码在语法上和按行减少。