使用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

  Taghotkeycommand  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 hhtml-href-anchor<img>C-c C-c ihtml-image交互式插入tagC-c C-osgml-tag交互式插入属性C-c C-asgml-attributes

• 如何插入闭合tag

  C-c / (sgml-close-tag)