Zen Coding HTML快捷参考指南

需积分: 41 183 浏览量更新于2024-09-12 收藏 111KB PDF 举报

“Zen Coding官方速查手册.pdf”主要介绍了Zen Coding技术，这是一种高效编写HTML和CSS的方法，通过简短的缩写快速生成复杂的代码结构。手册基于HTML5规范草案，涵盖了不同类型的HTML文档声明和元素。 Zen Coding的核心是利用简短的语法来创建常见的HTML元素。例如，“html”代表根元素`<html></html>`，而“html:xml”则会生成带有XML命名空间和语言属性的HTML5文档头。此外，手册还提供了不同版本的HTML文档类型声明（Doctype）： - “html:4t”表示HTML4的过渡性文档类型，它会生成`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`，并包含基本的HTML结构。 - “html:4s”则是HTML4的严格模式，使用`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`。 - “html:xt”和“html:xs”则分别代表XHTML1.0的过渡性和严格文档类型，它们遵循XHTML的命名规则，并包含相应的Doctype。手册中的Zen Coding语法还允许快速创建常见的HTML元素和属性。例如，可以使用“meta”生成`<meta>`标签，添加HTTP等价属性（http-equiv）和字符集（charset）信息。对于标题和段落，可以使用“h1”到“h6”创建各级标题，以及“p”创建段落。此外，还可以通过组合元素和属性来构建更复杂的结构，如表格、链接、列表等。 Zen Coding的使用不仅限于HTML，它还可以扩展到CSS编写，通过缩写来快速生成样式规则。例如，“.class”代表一个类选择器，而“#id”则表示一个ID选择器。通过这种语法，开发者可以快速构建CSS规则，提高编写效率。 Zen Coding官方速查手册是前端开发者的宝贵工具，它帮助开发者节省时间，提高代码质量和一致性。通过学习和掌握这套缩写系统，开发者可以更专注于设计和功能实现，而不是反复敲击基础代码。手册中的实例和详细解释使得学习Zen Coding变得简单易行，尤其适合那些需要频繁编写HTML和CSS的开发者。

Zen HTML Elements

Based on HTML 5 specification draft.

Root Element

html

html:xml

<html xmlns="http://www.w3.org/1999/xhtml"

xml:lang="en"></html>

html:4t

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

content="text/html;charset=UTF-8">

</head>

</html>

html:4s

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<head>

content="text/html;charset=UTF-8">

</head>

</html>

html:xt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

xml:lang="en">

<head>

content="text/html;charset=UTF-8"/>

</head>

</html>

html:xs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

xml:lang="en">

<head>

content="text/html;charset=UTF-8"/>

</head>

</html>

html:xxs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

xml:lang="en">

<head>

content="text/html;charset=UTF-8"/>

</head>

</html>

html:5

<!DOCTYPE HTML>

<head>

</head>

<body>

</body>

</html>

Document Metadata

head

title

base

link

<link>

link:css

media="all">

link:print

media="print">

link:favicon

href="favicon.ico">

link:touch

link:rss

title="RSS" href="rss.xml">

link:atom

title="Atom" href="atom.xml">

Zen Coding HTML快捷参考指南

zencoding-vim-master.zip

Zen.Coding-Notepad++.v0.6.1.zip

ZenCoding.zip

select file: chunked-coding-converter.0.2.1.jar

editplus zen_coding_epp.js

zet中兴-verilog_coding_style.pdf

读取process.bmp或者process.raw，产生1组二进制序列（长度为16），通过‘异或’操作，完成图像的编码，另存为coding.bmp或者coding.raw；

读取 coding.bmp 或者 coding.raw，利用之前的 1 组二进制序列（长度为 16），通过‘异或’操作，完成图像的解码

读取coding.bmp或者coding.raw，利用之前(1)的1组二进制序列（长度为16），通过‘异或’操作，完成图像的解码，另存为decoding.bmp或者decoding.raw；

CODING 提示: Permission denied.

最新资源