所在位置：
首页 >
营销资讯 >
网站运营 > VIM学习笔记 网页开发-输入网页标签(Input HTML Tags)
VIM学习笔记 网页开发-输入网页标签(Input HTML Tags)
时间：2023-09-04 20:30:01 | 来源：网站运营
时间：2023-09-04 20:30:01 来源：网站运营
VIM学习笔记 网页开发-输入网页标签(Input HTML Tags)：在编写HTML代码时，重复录入标签显然是相当低效的。我制作了HTML-Editor插件，通过快捷键和菜单项来提高输入HTML标签的效率。
安装配置插件
请在vimrc中添加以下命令，以便在“Insert (paste)”状态下正常使用快捷键：
:set nopaste如果侦测文件类型为XHTML，那么将自动使用小写的标签。也可以定义以下变量，以强制使用小写标签：
:let g:do_xhtml_mappings = 'yes'在插入模式下，输入以“;”开头的关键词，比如“;pp”，将自动扩展为完整的段落标签；使用以下命令，可以修改默认的前缀键为逗号：
:let g:html_map_leader = ','假设使用;ah快捷键，输入以下链接标签。光标将自动定位到href属性的引号之内；输入链接地址之后，点击Tab键将移动至title属性的引号之内；输入链接标题之后，点击Tab键将移动至</a>标签之前。也就是说，使用Tab键可以快速跳转至下一标签属性，进一步提高输入HTML代码的效率。
如果您需要输入真正的Tab制表符，那么可以使用;Tab快捷键。
如果您希望恢复通常的Tab键操作行为，那么请设置以下变量：
let g:no_html_tab_mapping = 'yes'利用快捷键输入标签
以下表格列示了在插入模式和可视化模式下，用于输入HTML标签的快捷键：
请注意：
- 由于“&”作为前缀键用于输入字符实体(Character Entity)，所以定义快捷键用来输入此特殊字符；
- charset属性根据文件的'fileencoding'或'encoding'属性自动判断；您也可以通过g:html_default_charset变量进行强制定义；
- 点击;mi将查找src指定的图片文件，然后将获得的图片尺寸信息更新到width和height属性中；
- 代码列中的“<CR>”，代表换行符；
- 在可视化模式下选则文本然后点击快捷键，将插入标签并将选中的文本放置在name、value或content属性中；
- 对于<acronym>,<big>,<center>,<font>,<isindex>,<strike>,<tt>,<frame>,<frameset>,<noframes>,<b>,<u>等等已废弃的标签，不建议继续使用；
- 关于完整的HTML标签索引，请参考HTML Elements Index。
利用菜单输入标签
您也可以使用“HTML”菜单来输入HTML标签；
Ver: 2.0 | YYQ<上一篇 | 目录 | 下一篇>
在线咨询
