” 生成子元素div>ul>li 按table鍵: 2.使用符號 “+” 生成兄弟元素div+p+bq 按table鍵:3.使用 “^” 生成父元素,與 “>” 相反div+..."/>
溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

emmmet之HTML語法

發(fā)布時間:2020-08-04 19:27:43 來源:網(wǎng)絡(luò) 閱讀:338 作者:wx5a5f8671bdd15 欄目:web開發(fā)

嵌套操作

  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.使用 “()” 操作符將元素分組,實現(xiàn)更復(fù)雜的簡寫任務(wù)
div>(header>ul>li*2)+footer>p 按table鍵:
emmmet之HTML語法

屬性操作:
1) id 與 class
元素與 id 屬性值之間用 “#” 分隔,與 class 屬性值之間用 “.” 分隔。
emmmet之HTML語法
2) 其他屬性
使用 [attr] 標記添加其他屬性。
emmmet之HTML語法
注意:

  1. 方括號中可添加任意數(shù)量的屬性
  2. 不給定屬性值,則屬性值為""。td[colspan title]將得到
    <td colspan="" title=""></td>
  3. 屬性值可用單引號或雙引號,輸出統(tǒng)一為雙引號
  4. 如果屬性值中沒有空格,則引號可省略

    3) 為條目編號
    使用 “” 符號生成的多個元素,可用 “$” 操作符實現(xiàn)從1到 N 自動編號。
    li.item$
    3 按table鍵:
    emmmet之HTML語法

可在 “$” 后添加 “@n” 修改編號的起始值為n。
emmmet之HTML語法
可在 “$” 后添加 “@-” 修改編號的方向
emmmet之HTML語法

  1. 添加文本

使用花括號 “{}” 操作符為元素添加文本節(jié)點。
emmmet之HTML語法

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI