emmmet之HTML语法-创新互联

嵌套操作

10年积累的网站建设、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站策划后付款的网站建设流程,更有惠安免费网站建设让你可以放心的选择与我们合作。
  1. 使用 “>” 生成子元素
    div>ul>li 按table键:
    emmmet之HTML语法

2.使用符号 “+” 生成兄弟元素
div+p+bq 按table键:
emmmet之HTML语法
3.使用 “^” 生成父元素,与 “>” 相反
div+div>p>span+em^bq 按table键:
emmmet之HTML语法
多个^:
div+div>p>span+em^^^bq 按table键:
emmmet之HTML语法
4.使用 “” 操作符生成多个元素
div>ul>li
5 按table键:
emmmet之HTML语法
5.使用 “()” 操作符将元素分组,实现更复杂的简写任务
div>(header>ul>li*2)+footer>p 按table键:
emmmet之HTML语法

属性操作:
1) id 与 class
元素与 id 属性值之间用 “#” 分隔,与 class 属性值之间用 “.” 分隔。
emmmet之HTML语法
2) 其他属性
使用 [attr] 标记添加其他属性。
emmmet之HTML语法
注意:

  1. 方括号中可添加任意数量的属性
  2. 不给定属性值,则属性值为""。td[colspan title]将得到
  3. 属性值可用单引号或双引号,输出统一为双引号
  4. 如果属性值中没有空格,则引号可省略

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

可在 “$” 后添加 “@n” 修改编号的起始值为n。
emmmet之HTML语法
可在 “$” 后添加 “@-” 修改编号的方向
emmmet之HTML语法

  1. 添加文本

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:emmmet之HTML语法-创新互联
网址分享:http://pwwzsj.com/article/ecddi.html