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

/ 0评 / 0

sublime text 安装插件 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">
<htmllang="${lang}">
<head>
    <metahttp-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">
<htmllang="${lang}">
<head>
    <metahttp-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">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
<head>
    <metahttp-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">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
<head>
    <metahttp-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">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
<head>
    <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

html:5

<!doctype html>
<htmllang="${lang}">
<head>
    <metacharset="${charset}">
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>