ul#nav>(li*a[href=#]{导航项$})*导航项项数 然后按tab就可以生成
这实际上是Emmet(前身为Zen Coding)的语法,它允许开发者通过简短的缩写来快速生成HTML代码。Emmet在许多文本编辑器和IDE中都得到了支持,比如Sublime Text、Visual Studio Code、Atom等。
你给出的缩写 ul#nav>(li*a[href=#]{导航项$})*导航项项数
意思是:
ul#nav
:创建一个id为nav
的ul
元素。>
:子元素关系,即接下来要生成的元素会是ul
的直接子元素。li*a[href=#]{导航项$}
:这是一个乘法操作,它告诉Emmet我们要创建多个li
元素,每个li
元素内部包含一个a
元素,该a
元素的href
属性值为#
,并且a
元素的文本内容为“导航项”加上一个递增的数字(由$
标记指示)。*导航项项数
:这是重复次数的乘法操作。假设导航项项数
是3,那么上面的li*a[href=#]{导航项$}
会被重复3次。
按tab
键后,如果导航项项数
是3,你可能会得到以下HTML代码:
htm