使用emacs编写html:html-mode简单使用笔记

html-mode

如何删除tag
将光标放到要删除的tag上,按C-c C-d,则会把开始和结束标签都删掉. 需要注意的是,如果HTML tag不匹配的话,可能会删错开始/结束tag

如何将光标跳转到tag的开始标签或结束标签处
C-c C-f(sgml-skip-tag-forward) / C-c C-b (sgml-skip-tag-backward)

如何预览编辑html的效果
C-c C-v(browse-url-of-buffer)可用预览该网页

C-c Tab(sgml-tags-invisible)可用隐藏掉tag标签,再按一次恢复. 这类似于以文本方式预览

如何插入tag

Tag	hotkey	command name
<h1>	【Ctrl+c 1】	html-headline-1
<h2>	【Ctrl+c 2】	html-headline-2
<p>	【Ctrl+c Enter 】	html-paragraph
<hr>	【Ctrl+c Ctrl+c -】	html-horizontal-rule
<ul>	【Ctrl+c Ctrl+c u】	html-unordered-list
<li>	【Ctrl+c Ctrl+c l】	html-list-item
<a>	C-c C-c h	html-href-anchor
<img>	C-c C-c i	html-image
交互式插入tag	C-c C-o	sgml-tag
交互式插入属性	C-c C-a	sgml-attributes

如何插入闭合tag
C-c / (sgml-close-tag)