ZenCoding 快捷语法参考：HTML5与CSS3
5星 · 超过95%的资源 需积分: 41 6 浏览量
更新于2024-09-16
收藏 111KB PDF 举报 "ZenCoding 是一种高效的前端开发技术，主要用于 HTML 和 CSS 的快速编写。它提供了一套简化的语法和快捷键，使得开发者可以更快速地构建 HTML5 和 CSS3 结构。本说明书主要涵盖了 ZenCoding 在 HTML5 和 CSS3 中的应用，特别是关于 HTML5 的根元素和不同类型的文档类型定义。\n\n在 HTML5 中，根元素是 `<html>`，用于包裹整个文档。ZenCoding 提供了简写方式，例如 `html` 会自动生成基本的 `<html>` 标签结构。如果需要指定 XML 命名空间和语言属性，可以使用 `html:xml`，这将生成带有 xmlns 和 xml:lang 属性的 `<html>` 标签。对于 HTML4，ZenCoding 提供了过渡性 (`html:4t`) 和严格 (`html:4s`) 两种 DTD（文档类型定义）。HTML4 过渡型 DTD 允许使用一些 HTML5 之外的非标准元素和属性，而严格型则只允许使用标准的 HTML4 元素和属性。\n\n此外，ZenCoding 还支持 XHTML1.0 的过渡型 (`html:xt`) 和严格型 (`html:xs`) 文档类型。XHTML 与 HTML 相似，但遵循 XML 的语法规则，因此所有标签都必须闭合，并且属性值需用引号包围。`html:xt` 适用于需要兼容旧版浏览器或需要 XML 特性的场景，而 `html:xs` 则是一个更为严格的规范。\n\n这些快捷方式极大地提高了 HTML 结构的编写效率，尤其是对于大型项目或者需要频繁创建文档结构的情况。ZenCoding 通过这种方式，结合 CSS3 的选择器和预处理器功能，可以实现更快速、更一致的前端开发流程。在 CSS3 方面，ZenCoding 可能包括对新选择器、动画、过渡效果以及媒体查询等的支持，使得开发者能够快速构建响应式和动态的网页设计。\n\nZenCoding html5 css3 说明书是一个非常实用的工具，它可以帮助前端开发者更快地理解和应用 HTML5 和 CSS3 的最新特性，提升开发效率并保持代码的整洁和规范。学习和掌握 ZenCoding 的技巧，将使你在前端开发领域更加得心应手。"
Zen HTML Elements
Based on HTML 5 specification draft.
Root Element
html
<html></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">
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8">
</head>
<body></body>
</html>
html:4s
<!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>
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>
<title></title>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"/>
</head>
<body></body>
</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>
<title></title>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"/>
</head>
<body></body>
</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>
<title></title>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"/>
</head>
<body></body>
</html>
html:5
<!DOCTYPE HTML>
<html lang="en-EN">
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
Document Metadata
head
<head></head>
title
<title></title>
base
<base href="">
link
<link>
link:css
<link rel="stylesheet" type="text/css" href="style.css"
media="all">
link:print
<link rel="stylesheet" type="text/css" href="print.css"
media="print">
link:favicon
<link rel="shortcut icon" type="image/x-icon"
href="favicon.ico">
link:touch
<link rel="apple-touch-icon" href="favicon.png">
link:rss
<link rel="alternate" type="application/rss+xml"
title="RSS" href="rss.xml">
link:atom
<link rel="alternate" type="application/atom+xml"
title="Atom" href="atom.xml">
meta
<meta>
meta:utf
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8">
meta:win
<meta http-equiv="Content-Type"
content="text/html;charset=Win-1251">
meta:compat
<meta http-equiv="X-UA-Compatible" content="IE=7">
style
<style type="text/css"></style>
Scripting
script
<script type="text/javascript"></script>
script:src
<script type="text/javascript" src=""></script>
noscript
<noscript></noscript>
Sections
body
<body></body>
section, sect
<section></section>
nav
<nav></nav>
article, art
<article></article>
aside
<aside></aside>
h1
<h1></h1>
h2
<h2></h2>
h3
<h3></h3>
h4
<h4></h4>
h5
<h5></h5>
h6
<h6></h6>
hgroup, hgr
<hgroup></hgroup>
header, hdr
<header></header>
footer, ftr
<footer></footer>
address, adr
<address></address>
div
<div></div>
Grouping Content
p
<p></p>
hr
<hr>
br
<br>
http://code.google.com/p/zen-coding/ 1 GNU General Public License v3
下载后可阅读完整内容，剩余6页未读，立即下载
2010-05-31 上传
2014-06-26 上传
2012-03-30 上传
2020-10-28 上传
2020-10-28 上传
2020-09-28 上传
2015-09-16 上传
2015-08-02 上传
2012-04-15 上传
cssfirefly
- 粉丝: 8
- 资源: 9
我的内容管理
展开
最新资源
- 构建基于Django和Stripe的SaaS应用教程
- Symfony2框架打造的RESTful问答系统icare-server
- 蓝桥杯Python试题解析与答案题库
- Go语言实现NWA到WAV文件格式转换工具
- 基于Django的医患管理系统应用
- Jenkins工作流插件开发指南：支持Workflow Python模块
- Java红酒网站项目源码解析与系统开源介绍
- Underworld Exporter资产定义文件详解
- Java版Crash Bandicoot资源库：逆向工程与源码分享
- Spring Boot Starter 自动IP计数功能实现指南
- 我的世界牛顿物理学模组深入解析
- STM32单片机工程创建详解与模板应用
- GDG堪萨斯城代码实验室：离子与火力基地示例应用
- Android Capstone项目：实现Potlatch服务器与OAuth2.0认证
- Cbit类：简化计算封装与异步任务处理
- Java8兼容的FullContact API Java客户端库介绍
