html-mode简单使用

Emacs 默认为我们提供了一个编写 html 文件的模式 -- html-mode 。这给我们带来了不小的方便。当然，你也可以尝试功能更加强大的 html-helper-mode 。

1、开始

当我们打开一个 .html 格式的文件时，emacs 已经自动进入 HTML 模式了，这时你应该可以看到 底部状态条上显示 HTML 字样。 如果没有自动进入，你也可以使用 M-x html-mode 。 Emacs 为我们提供了一个简单的 HTML 模板，C-c C-t html ，然后输入title回车就可以调用这个模板了。M-x html-autoview-mode(C-c C-s)，可以在Emacs保存HTML文档时打开浏览器浏览效果。不过我更喜欢在浏览器中打开着编写的网页，保存后按F5就可以查看效果了。

2、隐藏和显示HTML标记

有时候，我们编写html文件时，整个窗口都是高亮显示的标记，你会不会感觉到眼花呢？想要隐藏这些标记很简单，html-mode 里边只需要 C-c Tab 便可以将这些标记隐藏起来，当要显示它们时，再次按 C-c Tab 就可以了。不用担心隐藏的标记会被我们不小心删除掉，当光标移动到隐藏的标记位置时，Mini-buffer中会显示出来。

3、快捷键

p { margin-bottom: 0.21cm; }

C-c C-f : 光标移动到当前所在位置的下一个HTML 标签。

C-c C-b : 光标移到到当前所在位置的上一个HTML 标签。

C-c <left>/<right> : 跳到该标签的开始/ 结束。

C-c DEL : 删除标签。 C-c 1~6 : 插入标题h1~h6 。

C-c Enter : 插入段落标记 <p> 。

C-c / ：闭合b 标签。比如可以结合上一条使用，就会自动插入</p> 。

C-c C-c h : 插入超级链接标记。

C-c C-c n : 插入anchor （锚标），便于在文档其他位置跳转到该位置。

需要在Mini-buffer 中输入锚标名称。

C-c C-c u : 插入无序列表标记<ul><li></ul> 。

C-c C-c o : 插入有序列表标记<ol><li></ol> 。

C-c C-c p : 插入标记<li> 。

C-c C-c - : 插入水平线 <hr> 。

C-c C-c i : 插入图像引用标记 <img> 。

C-c C-j : 插入换行符<br> 。

 

4、特殊字符输入

有时需要在html文本中显示html标记，比如<p>，不能直接输入。可以这样： C-c C-n < ，然后输入 p ，然后再 C-c C-n >;。其实 C-c C-n 后输入的字符都不会被html解析而直接输出了。

转载于:https://my.oschina.net/xphouziyu/blog/1787799