KF8 格式电子书支持的 HTML 标签和 CSS 属性

亚马逊发布的 Kindle Format 8（简称 KF8）是 Kindle 的新文件格式，支持部分 HTML5 和 CSS3 新特性。KF8 是 Kindle 电子书的新一代文件格式，取代了原有的 Mobi 7 格式。KF8 使出版商可以提供更丰富的图书界面，满足儿童图画书、漫画书、工程图书以及烹饪书籍等的丰富格式要求。其主要新功能包括：支持CSS3，漂浮元素，固定布局，背景图文字，嵌入字体，符号和编号列表，首字下沉等等。

以下两组列表清单是 KF8 格式电子书所支持的 HTML 标签及 CSS 属性，对制作标准化的 Kindle 电子书很有帮助。关于制作电子书的详细步骤请参考《遵循亚马逊标准！Kindle 电子书专业制作教程》一文。

构建页面内容结构的 HTML

以下是构建电子书页面结构的 HTML 标签，包含部分最新的 HTML5 属性。请注意在使用 HTML 标签的时候要以结构的构建为宗旨，不要使用 HTML 表现任何视觉样式。

这里还有一份 PDF 文档：KindleHTMLtags.pdf

布局及美化页面的 CSS 属性

以下是可用来布局和美化 HTML 文档的 CSS 属性，包含部分 CSS3 属性。

以下为 Kindle 支持的 CSS 媒体查询部分

这里还有一份来自 bbebooksthailand.com 的 CSS 模板，此模板不仅适用于最新的 KF8 格式，在老版本的 MOBI 中表现也很好，它使用了 @media 查询区分不同的设备。

/* BB eBooks BoilerPlate Kindle for MOBI 7 and KF8*/
/* Modify as Needed */
/* visit us @ http://bbebooksthailand.com/developers.html */

/*===Reset Code===*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* Do Not reset ol, ul, or table for MOBI 7. It blows out all styling */

/*===GENERAL PRESENTATION===*/
/*===Body Presentation and Margins===*/
body
{
	text-align: justify;
	line-height: 120%;
}

/*===Headings===*/
/* After page breaks, Kindle does not render margins above the content unless there is a file split in the package. */
h1
{
	text-indent: 0;
	text-align: center;
	margin: 100px 0 0 0;
	font-size: 2.0em;
	font-weight: bold;
	page-break-before: always;
}

h2
{
	text-indent: 0;
	text-align: center;
	margin: 50px 0 0 0;
	font-size: 1.5em;
	font-weight: bold;
	page-break-before: always;
}

h3
{
	text-indent: 0;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
}

h4
{
	text-indent: 0;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

h5
{
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
}

h6
{
	text-indent: 0;
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
}


/*===Paragraph Elements===*/
/* Margins are usually added on the top, left, and right, but not on the bottom to prevent Kindle not collapsing white space properly */

/*firstline indent for fiction*/
p
{
	text-indent: 1.25em;
	margin: 0;
}

/*block indent for non-fiction*/
/*
p
{
text-indent: 0;
margin: 1.0em 0 0 0;
}
*/

/* for centered text and element wrappers on images*/
p.centered
{
	text-indent: 0;
	margin: 1.0em 0 0 0;
	text-align: center;
}

/* section Breaks (can use centered-style for non-fiction) */
p.centeredbreak
{
	text-indent: 0;
	margin: 1.0em 0 1.0em 0;
	text-align: center;
}

/* First sentence in chapters following heading */
p.texttop
{
	margin: 1.5em 0 0 0;
	text-indent: 0;
}

/* 1st level TOC */
p.toctext
{
	margin: 0 0 0 1.5em;
	text-indent: 0;
	text-align: left;
}

/* 2nd level TOC */
p.toctext2
{
	margin: 0 0 0 2.5em;
	text-indent: 0;
	text-align: left;
}

/*==IMAGES==*/


/*===IN-LINE STYLES===*/
span.i
{
	font-style: italic;
}

span.b
{
	font-weight: bold;
}

span.u
{
	text-decoration: underline;
}

span.st
{
	text-decoration: line-through;
}

/*==in-line combinations==*/
/* Using something like <span class="i b">... may seem okay, but it causes problems on the Kindle */
span.ib
{
	font-style: italic;
	font-weight: bold;
}

span.iu
{
	font-style: italic;
	text-decoration: underline;
}

span.bu
{
	font-weight: bold;
	text-decoration: underline;
}

span.ibu
{
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}


/* Superscripted Footnote Text */
.footnote
{
	vertical-align: super;
	font-size: 0.75em;
	text-decoration: none;
}


/*==KF8 specific here ==*/

@media amzn-kf8{ 

span.dropcap {
	font-size: 300%;
	font-weight: bold;
	height: 1em;
	float: left;
	margin: -0.2em 0.1em 0 0.1em;
}

p.clearit
{
	clear: both;
}

ol, ul, li, dl, dt, dd 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/*==Lists ==*/
ul
{
	margin: 1em 0 0 2em;
	text-align: left;
}

ol
{
	margin: 1em 0 0 2em;
	text-align: left;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.0em auto;
}

tr, th, td
{
	margin: 0;
	padding: 2px;
	border: 1px solid black;
	font-size: 100%;
	vertical-align: baseline;
}

} /* End KF8 Specific Styles */

/*==e-ink Kindle Specific==*/
@media amzn-mobi{

/* pseudo dropcaps for e-ink Kindles */
	span.dropcap
	{
		font-size: 1.5em;
		font-weight: bold;
	}

} /* End e-ink Kindle Specific Styles */

/*==eBook Specific Formatting Below Here==*/

———-

本文引用资源：

• http://www.amazon.com/gp/feature.html?docId=1000729901
• http://www.amazon.com/gp/feature.html?docId=1000729511
• http://www.w3school.com.cn/tags/index.asp
• http://www.w3school.com.cn/cssref/index.asp
• http://www.w3chtml.com/css3/properties/madia-queries/
• http://bbebooksthailand.com/bb-CSS-boilerplate.html

© 「书伴」原创文章，转载请注明出处及原文链接：https://bookfere.com/post/143.html