HTML 输入扩展

与 CSS 编辑器相似,HTML 代码编辑同样支持 Emmet 提供的缩略语扩展功能。

HTML 固定标签

HTML 文档需要包含某些固定的标签,如、

、等,例如:输入“!”或“html:5”,按“Tab”生成。Document

表9&nbsp可识别的 HTML 固定标签缩写

缩写

说明

html:5或!

用于 HTML5 文档类型

html:xt

用于 XHTML 文档类型

html:4s

用于 HTML4 严格文档类型

标签对

输入标签的名字,如 div 或者 p 来生成 HTML 的标签对,例如:输入div,按“Tab”生成

嵌套操作符

>:子级符号,表示嵌套的元素,例如:输入div>ul>li,按“Tab”生成。

+:同级标签符号,例如:输入div+p+bq,按“Tab”生成。

^:可以使该符号后的标签上升一级,例如:输入div+div>p>span+em^bq,按“Tab”生成。

*:该符号可以定义多行元素,例如:输入ul>li*5,按“Tab”生成。

():该符号把要囊括在一起的元素组成一组,例如:输入div>(header>ul>li*2>a)+footer>p,按“Tab”生成。

属性操作符

id 和 class:“#”后面是id的名字,“.”后面是 class 的名字,例如:输入div#header+div.page+div#footer.class1.class2.class3,按“Tab”生成。

自定义属性:可使用[attr]来标记自定义的元素,例如:输入td[title="Hello world!" colspan=3],按“Tab”生成。

$:该符号能对项目做标记,例如:输入ul>li.item$*5,按“Tab”生成。

或输入ul>li.item$$$*5,按“Tab”生成。

@:该符号能改变数列的方向(升序或降序)和基准(如起始值),例如:在$后加上@-是降序,输入ul>li.item$@-*5,按“Tab”生成。

在$后加上@N是含有基准的排序,输入ul>li.item$@3*5,按“Tab”生成。

亦可组合使用,如$@-N是含有基准的降序,输入ul>li.item$@-3*5,按“Tab”生成。

{}:大括号用来添加文本,例如:输入a{Click me},按“Tab”生成。

Click me

隐式标签

很多时候可以省略输入标签名,Emmet 会代替完成,例如:当需要输入div.content时,可以仅输入.content,按“Tab”生成。

Emmet 会根据父标签进行判定,例如:在

  • 中输入.item,按“Tab”生成。
  • 表10&nbsp可识别的隐式标签

    缩写

    允许使用范围

    li

    用于 ul 和 ol 中

    tr

    用于 table、tbody、thead 和 tfoot 中

    td

    用于 tr 中

    option

    用于 select 和 optgroup 中

html5 io基础模块,EMSS 开发者社区相关推荐

  1. ArcBlock ⑨ 月报 | 树立技术传播三大支柱 夯实全球开发者社区基础

    1 摘要 Summary 9 月,ArcBlock 区块基石团队持续优化 OCAP 服务,迭代 OCAP Playground.开发链上数据分析工具 TokenFlow,15 日在中国北京成功举办第三 ...

  2. George Fox谈Adobe开发者社区与HTML5内容建设

    前不久,笔者有幸接触Adobe开发者社区总编George Fox,对其进行了简短的采访,George主要谈到了Adobe开发者社区的内容动态,并针对HTML5内容建设以及Adobe在HTML5上所作的 ...

  3. JAVASE基础模块三十四( 菜鸡版简单登录验证模块系统IO流文件写入)

    JAVASE基础模块三十四( 菜鸡版简单登录验证模块系统IO流文件写入) 开发流程:需求文档 接口文档 效果图 开发环境统一:JDK1.8 IDEA win10 GIT SSM SSH SpringB ...

  4. 程序员经常去的 14 个顶级开发者社区(转)

    我们来看一下程序员经常去的 14 个顶级开发者社区,如果你还不知道它们,那么赶紧去看看,也许会有意想不到的收获. Stack Overflow 9 月份,Stack Overflow 也将迎来其 6 ...

  5. python面向过程实践汉诺塔_递归汉诺塔-和递归汉诺塔相关的内容-阿里云开发者社区...

    多柱汉诺塔最优算法设计探究 多柱汉诺塔最优算法设计探究 引言 汉诺塔算法一直是算法设计科目的最具代表性的研究问题,本文关注于如何设计多柱汉诺塔最优算法的探究.最简单的汉诺塔是三个柱子(A.B.C),因 ...

  6. ArcBlock ⑦ 月报 | Forge 框架升级更新 开发者社区建设如火如荼

    7 月,ArcBlock Forge 框架升级更新发布,团队在产品研发.市场运营.生态建设等诸方面继续稳步推进. 发布 7 月 30 日,ArcBlock Forge 框架升级,提供全新区块链开发工具 ...

  7. ArcBlock ⑦ 月报 | 产品一天半迭代1个版本 全球开发者社区建设启动

    1 摘要 Summary 7月,ArcBlock团队进入了工程研发与市场推广比翼齐飞.全速前进的状态:30天时间,ArcBlock第一个应用"开放链访问协议实验台"(OCAP Pl ...

  8. 【产品臆想】关于开发者社区与服务

    前前言 由于笔者一直认为自己写的东西过于浅薄,所以虽然写了一些浅识但仅保存草稿未发表,因此本篇文章应该于18年8月落笔,现在又发出来是因为想得到回应激励自己多思考. 前言 由于笔者最近需要准备产品面试 ...

  9. 神策合肥研发中心携手安徽开发者社区,深入交流共促行业发展

    近日,神策数据携手安徽开发者社区,在神策合肥研发中心共同举办了"走进神策"技术交流活动. 坚守"推动安徽软件行业发展"的初心,安徽开发者社区自成立以来,多次通过 ...

最新文章

  1. Springboot-Vue-MybatisPlus 返回给前端的 Long类型数据失去精度怎么办 之 Long类型作为实体类的一个属性
  2. 一款美轮美奂的JavaScript 小项目
  3. 成功解决D8016“/ZI”和“/Gy-”命令行选项不兼容
  4. 海量数据 - join处理
  5. android 7双排设置菜单,双排状态栏
  6. 给大家推荐一个免费职业评测
  7. 免费股票数据接口api接口应该如何区分?
  8. (亲测)躺着破解IDM下载权限,治疗不用破解补丁的强迫症们
  9. java get中文乱码怎么解决_java中get请求中文乱码怎么办?
  10. linux下设置定时器,linux定时器设置.
  11. 线上故障之-CPU飙高
  12. Pygame实战:Python趣味编程之我的兔子终于变了游戏啦
  13. Json字符串的标准写法
  14. HBuildX配置夜游神模拟器
  15. Element-ui不显示表格数据问题
  16. onmouseover 、onmouseout和onmouseenter、onmouseleave的区别-简记
  17. [carla]关于odometry坐标中的角度坐标系 以及 到地图的映射问题
  18. 高质量=高成本?优思学院告诉你并非必然!
  19. YOLOv5/v7 的改进点合集导航页 (新增YOLOv5/v7网络结构图)
  20. 信号与系统实验 01 - | 连续系统频域分析的MATLAB实现

热门文章

  1. 只是可能对有相同的价格控制进行倒记帐(本月S,前月V)
  2. 怎么把抖音的视频转成gif格式?视频转gif的具体方法
  3. XMODEM设计与C代码实现(1.整体设计篇)
  4. 【Arduino】arduino制做一个光控的声音小模块
  5. java 获取int长度_Java中获取基本数据类型的长度
  6. linux gnuplot yum源,在CentOS上编译安装gnuplot绘图工具
  7. 抖音推出群聊的背后 快手与腾讯深度联姻的时间不远了
  8. 析晋商之“相与”--读《乔家大院》
  9. win10 计算机 不会睡眠,装好的Win10不“睡眠”?一招教你搞定
  10. 特斯拉上海工厂预计5月份完工 今年底正式投产