ZenCoding：HTML5与XHTML规范速查

zenCoding

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

身份认证购VIP最低享 7 折!

30元优惠券

“ZenCoding文档是关于ZenCoding技术的参考资料，它基于HTML5规范草案，提供了不同类型的HTML根元素模板，包括XML、HTML4过渡、HTML4严格以及XHTML1.0过渡和严格版本。” ZenCoding是一种高效的HTML和CSS编码技巧，它通过简短的缩写形式快速生成复杂的代码结构，极大地提高了前端开发者的编写效率。在提供的文档中，主要展示了如何使用ZenCoding来创建不同的HTML根元素，这些元素是每个HTML文档的基础。 1. RootElement（根元素） HTML文档的根元素始终是`<html>`标签，它是所有其他元素的容器。在HTML5中，基础的根元素写法是： ```html <html></html> ``` 同时，文档还提到了带有XML声明的版本，用于在XML环境中： ```html <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"></html> ``` 2. HTML5版本 - HTML4 Transitional：这是一个支持过渡性特性的HTML4版本，允许使用一些非标准的HTML元素和属性： ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <body></body> </html> ``` - HTML4 Strict：这个版本遵循更严格的规则，不包含过渡性特性： ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <body></body> </html> ``` 3. XHTML1.0版本 - XHTML1.0 Transitional：此版本允许使用一些非标准的HTML元素和属性，但要求代码遵循XML的语法规则： ```html <!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> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> </head> <body></body> </html> ``` - XHTML1.0 Strict：与HTML4 Strict类似，但要求代码遵循XML的语法规则： ```html <!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> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> </head> <body></body> </html> ``` ZenCoding的精髓在于它的缩写规则，例如，`div>ul>li*5`可以快速生成一个包含五个列表项的无序列表。这种编码方式让开发者能够快速构建复杂的DOM结构，同时保持代码的整洁和一致性。在实际开发中，配合代码编辑器的扩展或插件，如Emmet，可以实现ZenCoding的功能，提高编写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">

ZenCoding：HTML5与XHTML规范速查

zencoding for EditPlus

zencoding-vim

sublime text 2 zen coding 插件

editplus zen_coding_epp.js

notepad++添加层次

Sublime的常用插件

vscode快速写法

pycharm 中写html代码提示插件

idea 中写html的插件

the zen of python pdf

xmind zen导图模板

android studio zen mode

zen me baocun?

gpu zen2.pdf

kvm vmware zen sdn

zen 的耳放电路 采用irf610 耳机放大器

欧姆龙zen 20c1dt-d-v2计数器接线

elasticsearch底层原理

android 勿扰模式代码,Android N Zen Mode （勿扰模式）设置流程

ubuntu系统生成pdf文件中文字体为方框

最新资源

zen 的耳放电路采用irf610 耳机放大器