HTML5
发布时间：2022-04-25 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了外行学html5 - emmet 使用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
http://www.iteye.com/news/27580
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示：
Zen coding下的编码演示
去年年底，该插件已经改名为Emmet。
但Emmet不只改名，还带来了一些新特性。本文就来直观地演示给你。
一、快速编写HTML代码
1. 初始化
HTML文档需要包含一些固定的标签，比如<html>、<head>、<body>等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键：
- html:5 或!：用于HTML5文档类型
- html:xt：用于XHTML过渡文档类型
- html:4s：用于HTML4严格文档类型
2. 轻松添加类、id、文本和属性
连续输入元素名称和ID，Emmet会自动为你补全，比如输入p#foo：
连续输入类和id，比如p.bar#foo，会
自动生成：
- <p class="bar" id="foo"></p>
下面来看看如何定义HTML元素的
内容和
属性。你可以通过输入h1{foo}和a[href=#]，就可以
自动生成如下
代码：
h1
>foo
>
@H_
419_112@a
href=
"#"a
大佬总结
以上是大佬教程为你收集整理的外行学html5 - emmet 使用全部内容，希望文章能够帮你解决外行学html5 - emmet 使用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
