ruby on rails -在epubcheck中验证epub时出错

生成图书。Epub in rails和验证书。Epub中的epubcheck工具。我得到了许多错误，修复了一切，除了以下错误:

错误:/book.epub/section.xhtml(14,85):属性"data-align"在这里不允许;期望属性"dir"、"id"、"lang"、"style"、"title"或"xml:lang"

错误:/book.epub/section.xhtml(15,8):元素"br"不允许在这里;预期元素结束标记或元素"地址","引用"、"▽"、"div "、"dl",h1, h2、h3,"h4"、"h5"、"编辑"、"人力资源"、"ins"、"noscript","ns: svg"、"ol","p"、"前"、"脚本","表"或"ul"(xmlns: ns = " http://www.w3.org/2000/svg ")

如果我打开并保存文件在符号编辑器，div或br相关的错误得到解决。但是我想在不打开任何编辑器的情况下解决它。

以下代码是xhtml的一部分:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>File 1: H1</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <link href="stylesheet.css" type="text/css" rel="stylesheet"/>
   <link href="page_styles.css" type="text/css" rel="stylesheet"/>
  </head>
  <body class="publitory">
    <h1 id="File_1_5008715178345834">H1</h1>
    <h2 id="File_1_1188526892007714">H2</h2>
    <h3 id="File_1_4556759710045751">H3</h3>
    <h4 id="File_1_6171405939859093">H4</h4>
    <h2 id="File_1_410970362765287">H2</h2>
    <p> 
      <div style="margin: 0px auto; width: 35%;" data-align="Middle" class="image_content">
        <img src="bookf779ea3e8163a8345602bc3e0c2ce04d9bffb24d.jpeg" width="100%" alt="Book Content Book Content Book Content Book Content Book Content Book Content Book Content Book Content "/>      
        <div class="caption" style="clear:both;">Book Content Book Content Book Content Book Content Book Content Book Content Book Content Book Content</div>             
      </div>
    </p>
    <p>
      <br/>
    </p>
    <h3 id="File_1_3792181513523657">H3</h3>
  </body>
</html>

帮我解决这个问题。

第二个错误似乎已经解决了，尽管仍然不清楚问题是什么(<br/>和<br></br>在XHTML中是等价的)。

第一个错误是由data-align属性引起的，这在XHTML 1.1中是无效的。它似乎是用来标记一个元素，应该以某种方式对齐到中间，通过CSS。修复取决于CSS代码。您应该替换任何CSS规则来使用不同的选择器进行对齐。最自然的方法是在元素中添加一个类:

  <div style="margin: 0px auto; width: 35%;" class="Middle image_content">

和用选择器.Middle代替CSS代码中的[data-align="Middle"]。

相关内容

最新更新

热门标签：