开发者社区> 问答> 正文

使用sublime text2如何新建文件快速生成HTML头部信息?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

我知道,如果安装有zen coding插件,那就可以ctrl+alt+shift+H,就可以快速生成这段代码。但是,zen coding不及emmet好用,而且,我输入a,再按tab键的时候是不会自动生成....所以,不得已才放弃zen coding。。。可是我好纠结啊,到底怎么样才可以弄出那段html片头代码

展开
收起
杨冬芳 2016-06-14 13:36:54 2485 0
1 条回答
写回答
取消 提交回答
  • IT从业

    Emmet 也有快速生成文件头的功能啊,而且更强大啊
    输入下边加粗的缩写,然后Tab,就OK了啊
    http://docs.emmet.io/cheat-sheet/

    html:4t

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}">
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:4s

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}">
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:xt

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
        <title></title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:xs

    <!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="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:xxs

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:5

    <!doctype html>
    <html lang="${lang}">
    <head>
        <meta charset="${charset}">
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>
    2019-07-17 19:37:20
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载