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