html5 io基础模块,EMSS 开发者社区

不念不忘少年蓝@ 2022-10-07 04:47 153阅读 0赞

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 中

发表评论取消回复

表情：

评论列表（有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5基础

学习笔记：HTML5的基础代码，包含一些基础的语义化标签。 <!DOCTYPE html> <html lang="zh-CN"> <hea

比眉伴天荒/ 2023年10月02日 17:44/ 0 赞/ 12 阅读

相关 MySQL创建索引-阿里云开发者社区

　　如果你在查询时常用类似以下的语句：　　SELECT \ FROM mytable WHERE category\_id=1; 　　最直接的应对之道，是为categor

忘是亡心i/ 2023年09月24日 10:07/ 0 赞/ 57 阅读

相关 HTML5基础

HTML5基础 HTML指的是超文本标记语言(Hyper Text Markup Language)，是用来描述网页的一种语言，由HTML标记和纯文本构成文本文件。

缺乏、安全感/ 2022年10月29日 12:21/ 0 赞/ 263 阅读

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

HTML 输入扩展与 CSS 编辑器相似，HTML 代码编辑同样支持 Emmet 提供的缩略语扩展功能。 HTML 固定标签 HTML 文档需要包含某些固定的标签，如、

不念不忘少年蓝@/ 2022年10月07日 04:47/ 0 赞/ 154 阅读

相关 html5快捷选定这一行,HTML5开发者：10个开发便利快捷的小工具

在过去的几年里，HTML5在网络空间的门户网站中得到了充分的认可和普及，进入发展的快车道，并改进了其前身的方法。在本文中，我们带来了10个优秀的HTML5工具，这些工具可以

痛定思痛。/ 2022年10月06日 09:55/ 0 赞/ 123 阅读

相关 HTML5基础

HTML5想必大家都很熟悉了，因为太多的媒体在讨论这一技术。然而，你能准确地说出HTML5带来了哪些新特性吗？本文总结了HTML5带来的15项你必须知道的新特性。自己在登

向右看齐/ 2022年07月13日 13:59/ 0 赞/ 218 阅读

相关 HTML5基础

[HTML5基础][HTML5] 　　首先学习HTML我认为需要搞懂块级元素与行内元素这两个概念块级元素与行内元素块元素一般都从新行开始，它可以容纳内联元素和

曾经终败给现在/ 2022年06月09日 06:26/ 0 赞/ 223 阅读

相关 HTML5基础

网页的基本结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

﹏ヽ暗。殇╰゛Y/ 2022年05月20日 00:42/ 0 赞/ 236 阅读

相关 HTML5基础

HyperText Markup Language：超文本标记语言，是一种用于创建网页的标准标记语言。HTML 运行在浏览器上，由浏览器来解析。 > HTML 不是一种编程语

电玩女神/ 2022年05月18日 08:10/ 0 赞/ 279 阅读

相关 HTML5基础

一、html5基础 CS:client<===>server 优点：1 更好的发挥硬件的处理性能 2 方便缺点：1 过渡依赖本地设备 2 迭代麻烦、更新较慢 3

╰半夏微凉°/ 2021年09月14日 08:00/ 0 赞/ 358 阅读