emmmet之HTML语法

嵌套操作

创新互联建站是专业的西塞山网站建设公司，西塞山接单;提供网站制作、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行西塞山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

1. 使用 “>” 生成子元素
   div>ul>li 按table键：
   

2.使用符号 “+” 生成兄弟元素
div+p+bq 按table键：

3.使用 “^” 生成父元素，与 “>” 相反
div+div>p>span+em^bq 按table键：

多个^:
div+div>p>span+em^^^bq 按table键：

4.使用 “” 操作符生成多个元素
div>ul>li5 按table键：

5.使用 “()” 操作符将元素分组，实现更复杂的简写任务
div>(header>ul>li*2)+footer>p 按table键：

属性操作：
1) id 与 class
元素与 id 属性值之间用 “#” 分隔，与 class 属性值之间用 “.” 分隔。

2) 其他属性
使用 [attr] 标记添加其他属性。

注意：

1. 方括号中可添加任意数量的属性
2. 不给定属性值，则属性值为""。td[colspan title]将得到
   
3. 属性值可用单引号或双引号，输出统一为双引号

4. 如果属性值中没有空格，则引号可省略

   3) 为条目编号
   使用 “” 符号生成的多个元素，可用 “$” 操作符实现从1到 N 自动编号。
   li.item$3 按table键：
   

可在 “$” 后添加 “@n” 修改编号的起始值为n。

可在 “$” 后添加 “@-” 修改编号的方向

4. 添加文本

使用花括号 “{}” 操作符为元素添加文本节点。

当前标题：emmmet之HTML语法
文章分享：http://6mz.cn/article/jhdppe.html