学习成为一名Zen标记大师

标记或标记指的是标记或标记语言 HTML和CSS，我们都知道打开和关闭标签以创建Web模板的痛苦是多么痛苦...

当然，有解决方案，其中之一是使用IDE自动完成 Dreamweaver中 mierda 蓝狮 烦人，如果您不从他那里购买插件 o 科莫多岛 非常重……重点是，IDE或代码编辑器中经常加载过多选项，最终以无法想象的方式阻碍了工作。 情况就是这样 Dreamweaver中 这会用图形生成的垃圾代码填充您的代码，而且笨重，昂贵且丑陋。 蓝狮 它主要是令人讨厌的，因为它是免费的，免费的，但是其中一半的选项是为付费用户保留的……这很有趣。 最后我们有 科莫多，虽然非常好，功能强大且有很多选择，但它很笨重（中间100mb），设置起来很繁琐。

Web开发人员或Web设计人员的最佳武器不是战车风格的IDE，顶部有上千种武器，而是简单的文本编辑器，某些插件以及像生病的人一样打字的能力... 禅宗编码 并且他们将拥有有史以来最好的标记工具（至少对于我来说).

但是...到底是什么 禅宗编码?

很简单，它是一个特殊的插件，可用作在其中创建的HTML和CSS的下拉抽象层 使用Javascript 并提供给许多最著名的发布商（记事本++，Komodo-edit，Gedit，Kate，Bluefish，Geany，Dreamweaver等）。

啊哈，我还是不明白你在说什么...

因此，我向您展示一个简单的示例； 还记得下拉抽象的东西吗？ 好吧，将其更改为收缩，想象一下您可以将一行HTML / CSS代码折叠成一行，然后像窗帘一样展开，或者将其折回...想看看如何？ 您只需要确保有两件事可以使其工作：

有 禅宗编码 安装在您的编辑器中。
了解使用它的命令和语法。

好吧，手指到代码：

html>head+body

看到那行代码？ 好吧，这就是HTML的语法，很简单：

首先，您输入标签的名称（html），然后指出哪些标签将位于该标签内（>），然后指定该标签内部的标签名称（头部和正文）。 “ +”号表示头和身体是两个不同的标签，并且两者都不包含在其中，就像说«在一起但不混合«…然后，让我们看看按魔术键（就我而言CTRL + E):

恰好，将4行代码合为一体，当您按正确的组合键时就会神奇地出现……还有更多； 例如：

html>head+body>ul#lista_ordenada>li.listilla*5

语法相同，但是我们添加了其他内容……如果您对CSS有所了解，您将意识到我们正在添加ID，类以及您肯定不知道的内容； 乘数...这是什么！？ 操你使我困惑！

冷静一下，这很简单，我们在上面告诉我们，在主体内部输入一个标记“ ul”，没什么奇怪的，我在上面解释了这一点，然后，我们分配了一个ID，如果您知道CSS，就会知道这些都用符号标识'＃'，在该无序列表（ul）中，我们添加了五个带有class（class）listilla的标签，我对此进行简要说明。 实际上，这非常简单，“＃”表示它是一个ID，然后“ li.listilla”说我们必须使用类“ li class = listilla”创建标签“ li”，然后说“重复最后五次«。 结果是什么给我们：

单行编写十二行代码，花费的时间少得多😉

这也可以使用CSS来完成，尽管我不会通过显示明显的（下面，我将向您传递一份完整的作弊清单 禅宗编码).

我必须强调，这无法一人成千上万行，哦，不，这有一个局限性和使用方法。 例如，如果我们想做这样的事情：

html>head>title+meta+body>ul#lista_ordenada>li.listilla*5

理论上应该给我们带来什么（请看最后一张图中的突出显示的行）：

它会给我们这个：

这说明您也无法做到这一点； 请记住，Zen的代码大师必须准确而又快速，错误地做事要花时间和时间，因此，正确的技巧是快速编写并使用 禅宗编码 会是这样的：

html>head>body>ul#lista_ordenada>li.listilla*5

您展开并在head标签内：

title+meta

这将为您提供正确的代码：

虽然 禅宗编码 它还有很多其他东西要告诉您，也许最好在head中写另一个命令行不是最好的，所以我们使用另一个命令，«缩写形式“就我而言 Ctrl + Alt + E 这将打开一个小栏，供我们编写Zen代码并查看其实时显示方式。 请注意，我不建议您以此编写所有内容，而是在已经创建的结构中编写内容，我的意思是，首先创建大型结构，然后使用此选项在其中进行详细说明。

并且在其中有许多超酷的命令 禅宗编码，事实是，一旦安装它们并学习使用，便会对其进行调查； 有了这个插件，您将不需要为CSS或html自动补全或摘录，实际上，您将认识到这些选项在这两种编程语言中都是时间的浪费。

对于那些感兴趣的人，这里是官方的CheatSheet 禅宗编码，您可以按格式查看它 ODF o PDF 刚 这里