首页 > 网站 > WEB开发 > 正文

说一个Sublime Text 2插件、emmet(原名:zen Coding)

2024-04-27 14:28:49
字体:
来源:转载
供稿:网友
说一个Sublime Text 2插件、emmet(原名:zen Coding) be096b63a92b

工具/原料

  • sublime Text 2

  • 安装emmet插件

方法/步骤

  1. 生成html文档初始结构:

    !<tab>

    <!doctype html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>Document</title>

    </head>

    <body></body>

    </html>

    html:5<tab>

    <!doctype html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>Document</title>

    </head>

    <body></body>

    </html>

    html:xs<tab>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    <head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    </head>

    <body></body>

    </html>

    html:4s<tab>

    <html>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html lang="en">

    <head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

    <title>Document</title>

    </head>

    <body></body>

    </html>

  2. 生成带有id,class的标签:

    Emmet默认标签是div

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表