<!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键的时候是不会自动生成<a></a>....所以，不得已才放弃zen coding。。。可是我好纠结啊，到底怎么样才可以弄出那段html片头代码
3 个回答
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>
Sublime Text 2中，通过自定义Snippets，实现代码自动补全
http://dearjohn.iteye.com/blog/160650...
可以看一下这个。
如果安转有zencoding 可以试试 html:5 <Tab>