如何在emacs里转换成html,用Emacs写HTML文档

标记依然是不封闭的。

C-c C-c i,在光标位置插入图像引入标记,即

uid-7591142-id-112460.html,需要在Mini-buffer中指定图片的 URL。

C-c C-j,在光标位置处插入换行符

。C-c C-c -,在光标位置处插入水平线标记,即。

如果想看看某个标记的解释,可以将光标移到该标记上,C-c ?,在Mini-buffer中显示解释。

想知道更多一些的键绑定功能,可以C-c C-h,看看说明。

5、HTML模式中的特殊字符输入

在HTML中,已经被用作HTML标记的字符,如果要在HTML文本中将它们显示出来,直接键入是不行的。譬如我要在HTML页面中显示< p>,浏览器会将它视为段落标记来处理。为了解决这个问题,我们可以C-c C-n 来实现。通过这个小例子,应该知道C-c C-n的功用了吧。对于其它字符,只要键盘上有的,但 HTML语言已经征用了的,都可以使用这个键绑定来输入。

对于键盘上没有的字符,譬如拉丁文-1中的字符,该如何输入呢?Emacs HTML模式提供了许多语言模式。使用键绑定C-c 8可以打开SGML name entity小模式,这个键绑定是以开关方式执行的,即再次键入C-c 8即可关闭这个该模式。打开 SGML name entity小模式后,键入C-x RET k,选择语言模式,我们要使用拉丁文-1,那么就可以键入 latin-1,回车即可进入拉丁文-1字符插入模式。在向HTML文档中插入拉丁文-1字符时,使用键绑定C-x 8为前缀。譬如,我要在文档中插入"¥",只需要键入C-x 8 Y即可。此时,在HTML源文件中,会将¥显示为其字符实体,即"& yen",而在Mini-buffer中会同时显示所插入的实际符号"¥",此时只需执行一次Undo(C-x u或C-_),就可以将Mini-buffer中的实际符号送入到源文件中了。

可以在HTML定义的标准字符表中查找你所需要的字符实体,这个字符表可以在网上搜一搜了。

6、HTML内容样式标记

这节内容本不符合这篇文章的主题的,但我在学习HTML语言数天中,发现网上不少教程中有不少内容违背了HTML4.0标准所倡导的尽量使用内容样式标记来取代物理样式标记的原则。这里,我想将最常用的一些基于内容的文本样式标记的用法总结一下,由于我学习HTML的目的是为了书写一些技术文档,而不是用它来做眩目的网页,所以,仅基于实用的角度整理了一丁点儿。

6.1 何为内容样式标记与物理样式标记?

内容样式标记可以告诉浏览器,它所包含的文本具有特定的含义、上下文或者用法,然后浏览器就会把与该含义、上下文或者用法一致的格式应用于该标记修饰的文本上。这里一定要理解清楚:内容样式标记授予浏览器的是含义,而不是告诉浏览器如何对文本进行格式化!譬如,告诉浏览器,它修饰的是一段代码。至于这段代码具有怎样的外观,那是浏览器开发商的任务。现在各种浏览器,对于所修饰的代码,采用等宽字体来显示。但也许在未来,浏览器的开发商可能会考虑采用更眩目的显示方式来格式化标记所修饰的代码呢!

物理样式标记仅仅告诉浏览器采取哪种物理格式对其所修饰的文本进行很精确的格式化,譬如标记可以让文本斜体显示, 标记可以让文本加粗显示等等。虽然许多文本编辑器的发展趋势是精确地控制文本样式和外观,但在使用HTML语言时,除非极少情况下,都应该尽量避免使用物理样式标记,应当尽量地用内容样式标记授予浏览器以含义。只有如此才可以让你所编辑的HTML文档相对于浏览器具有更强的弹性。

6.2 标题

HTML提供了6种级别的标题,分别为h1、h2、h3、h4、h5、h6,其字体大小顺次递减。标题标记具有左对齐(align=left)、居中(align=center)、右对齐(align=right)三种属性。实际上,标题的两边对齐属性(align=justify)也是有的,不过现在不为任何浏览器所支持,因为没有什么实际意义。不过,即使标题有自己的对齐属性,但HTML4.0标准中不再赞成使用这个属性了,其他属性也不推荐使用,而是推荐使用样式表(CSS)来定义其各种属性(我还没有学习样式表)。

我觉得一级标题

显得太大了。文档标题,建议用二级标题。三级标题只比普通文本大一点,很适合做章节标题,本文档就就是这样做的。用四级标题对章节作进一步细分。五级标题和六级标题比普通文本小一些,可以用于文档目录或主页上显示站点内容,也可以用于版权通告等。

6.3 段落

段落标记,可以封闭,也可以不封闭(下文如未作特别说明,所述的各类标记都必须封闭的)。前面说过,在Emacs HTML模式中,C-c RET可以插入不封闭的段落标记

,C-c /可以将其封闭。浏览器通常会将段落之间的行间距设定的比普通文本行间距要大一些,其最终目的是让你在创作文档时不必担心行宽、自动换行和断行等问题。

同标题标记一样,HTML4.0标准中不推荐设置其属性,而推荐采用样式表来设置。

6.4 引用

标记表示它所包含的文本是对某份参考文献的引用。按照惯例,所引用的文本将以斜体显示。

可以借引用标记,再次强调一下本节前面所提到的内容样式标记与物理样式标记的区别。目前,浏览器将引用标记修饰的文本采用斜体显示,而< i>标记也可以用于斜体文本显示。但可以让你或其他人从一份文档中自动摘录所引用的参考文献,因为你只需要从文档中解析出 所修饰的文本即可。这一点,无法做到,因为斜体文本,并不一定是引用文本!另外,现在的浏览器对引用文本是采用斜体显示,但将来却未必是。而斜体标记所修饰的文本,永远是斜体!

6.5 代码

程序员习惯了编写源代码时文本的特殊显示格式。代码标记就是为他们设计的。目前,浏览器可以将代码标签内的文本用等宽,类似打字机样式的字体显示出来。目前,能够实现与代码标记同样显示风格的物理样式标记是。

6.6 强调

标记告诉浏览器将其所包含文本表示为强调内容。目前,几乎所有浏览器采取将强调内容采用斜体来显示。

是比语气更强的强调,浏览器目前以粗体来显示其修饰的文本

6.7 键盘输入的文本

标记用来表示文本是使用键盘输入的,当前的浏览器通常用等宽字体来格式化其修饰的文本。这个标记经常用在与计算机相关的文档和手册中。譬如:

HTML文本:

Type quit to exit the utility, or type menu to return to the main menu.

浏览器显示效果:

Type quit to exit the utility, or type menu to return to the main menu.

6.8 术语定义

标记所修饰的文本通常为术语。将来,该标记可能会用来创建文档的索引或者术语表,目前流行的浏览器通常以斜体来显示该标记所修饰的文本。在技术文档中,第一次引入术语时,应当采用这个标记将术语文本与普通文本分开,以使读者更好的理解文章当前的主题。但在文档后续部分就不要再对已出现的术语进行标记了,否则会将版面弄的一团糟。

6.9 小结

暂时就列举这么些吧。当你在书写HTML文档之时,碰到需要用斜体、加粗、等宽等格式化标记时,一定要考虑一下你要对文本进行格式化的目的何在。是强调吗?是引用吗?是键盘输入文本吗?通过这样的询问,我想,在大多数情况下,我们不需要使用物理样式的标记就可以完成一篇HTML文档的书写。譬如我这一篇文章,完全采用本文所提到的各种内容样式标记书写的,虽然文档结构很简单,但对于技术文档的撰写者,这已经足够用了。当然,为了更好的利用HTML,还需要掌握样式表的知识。

7、后记

文中,关于Emacs的HTML模式的内容,基本上是Learning Gnu Emacs 3rd Editon这本书的第8章的不完全译文。另外书中还提到了其他几种HTML编辑主模式,待日后再看了。目前首要目的是尽快能将HTML用起来,可以让我摆脱字处理器的束缚。

其实我原本是想学习TEX的,但思量着暂时也用不大上,所以改为学习HTML。至今,断断续续学习HTML语言有4天了,其中包括写这篇文章用了一天,文章是直接用HTML写的,轻量级的锻炼了一下HTML基本的写作模式。

谢谢你能看到这里!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值