乙巳🐍年

acc8226 的博客

AsciiDoc,它的设计初衷就是为了解决写书规模的问题,并且是 O’Reilly 的在线出版平台 Atlas 的推荐语言。经过一番学习,我觉得 Asciidoc 确实很适合电子书制作。

是一个用于编写纯文本笔记、文章、文档、书籍、网页、幻灯片和手册页的轻量级标记语言。 本指南是常见的 ascii doc 文档和文本格式化标记的快速参考。

AsciiDoc 相比 Markdown 支持更多的格式,包括而不限于:

  • 文档属性,设置作者、版本信息等。
  • 语法高亮。
  • 表格。
  • Include 功能,将大文档拆分几个文件。
  • 自定义块语法,可扩展性。

Markdown 通过自行扩展语法或者使用 HTML 可以实现这些格式,但前者造成文档不通用的问题,后者则直接把展示结构硬编码到了文档中,将来修改会很麻烦。

当然, 更多的特性带来更多的学习成本,对于博客等简单文档,这些特性并不是必须的,但对于电子书等大型文档,标准内提供丰富的特性就很有必要,否则就需要自己实现不成熟、不兼容的扩展。

阅读全文 »

JavaScript 可以做什么?

事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:

  • 页面加载时触发事件

  • 页面关闭时触发事件

  • 用户点击按钮执行动作

  • 验证用户输入内容的合法性

    可以使用多种方法来执行 JavaScript 事件代码:

  • HTML 事件属性可以直接执行 JavaScript 代码

  • HTML 事件属性可以调用 JavaScript 函数

  • 你可以为 HTML 元素指定自己的事件处理程序

  • 你可以阻止事件的发生。

阅读全文 »

您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body><head> 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

直接写入 HTML 输出流

1
document.write("<p>这是一个段落。</p>")

只能在 HTML 输出中使用 document.write。如果您在文档加载完成后使用该方法,会覆盖整个文档。

对事件的反应

阅读全文 »

img 标签 属性 意义

  • src 包含图像的 URL,这个 URL 是相对于网页的 URL 来说的
  • width 包含浏览器显示图像所用的宽度(以像素为单位)
  • height 包含浏览器显示图像所用的高度(以像素为单位)
  • alt 用来在非图形化浏览器中替代图像

创建翻转器

翻转器背后的思想很简单。有两个图像。第一个图像是原始(original)图像,它与网页的其他部分一起加载和显示。当用户将鼠标移动到第一个图像上时,浏览器快速地将第一个图像替换为第二个图像,即替换(replacement)图像,这样就产生了运动或动画效果。

阅读全文 »
0%