Extended <head> chapter: NOT necessary? - Page 2

DiapDealer · 02-14-2017, 08:20 AM

Quote:

Originally Posted by JSWolf

I cannot say. I do know that ADE forces UTF-8. But I'm not up on all ePub readers. I know Kindles do not and if you convert such an ePub, you will get incorrect encoded characters.

The meta tag attribute isn't necessary. EPUB only supports UTF-8/16. So if a valid epub goes into kindlegen, no character-encoding issues will arise. Besides ... 'encoding="utf-8" ' is usually already included in the xml declaration of most epub xhtml files.

Kindlegen supports other character encodings on other type of kindlebook sources, but that wouldn't apply to valid epub sources being converted (which MUST be UTF-8/16).

There is no "forcing" of UTF-8. Any epub rendering system that doesn't assume UTF-8/16 is a broken epub rendering system. And any epub that isn't UTF-8/16 encoded (regardless of whether your meta tag attribute is present) is a broken epub archive.

chaot · 02-14-2017, 11:04 AM

Trust is a good thing, but control is a better one.

Now I have reduced the head section one step further: to 0. This also functions.

Not in any visible or perceptible aspect, this version is different on the ereader from the full parallel version (apart of the stylesheet.css instructions, of course).
Direct html or also tags are considered.

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  </head>

Check Book: Warning: The file stylesheet.css is not referenced

JSWolf · 02-14-2017, 12:05 PM

Quote:

Originally Posted by chaot

Trust is a good thing, but control is a better one.

Now I have reduced the head section one step further: to 0. This also functions.

Not in any visible or perceptible aspect, this version is different on the ereader from the full parallel version (apart of the stylesheet.css instructions, of course).
Direct html or also tags are considered.

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  </head>

Check Book: Warning: The file stylesheet.css is not referenced

You should have the title and you should have a stylesheet.

chaot · 02-14-2017, 12:15 PM

You and the other participants can believe me: My intention is not to produce some unrest.

But only for questions, stubborn questions may arise cognition. Opinions (motto: that's how I've always done it, so it is or should be right) do not base any cognition.

The theme head section seem me important enough to discuss it.

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
  </head>

Yes, of course, as far as we want to have specific styles.

DiapDealer · 02-14-2017, 12:37 PM

We're not sopeaking from personal perference. We're speaking from experience. The title tags are required. Even if they're empty. An external stylesheet is highly recommended (but not required). If there's a stylesheet in your epub that's never linked to an xhtml file (in the head), most validators and/or epub checking tools are going to warn you about unused resources.

To learn, take out what you think you should be able to, and use EpubCheck to determine if you were wrong. There's no reason for you to blindly trust our opinions on the matter. Use EpubCheck That's what it's for.

chaot · 02-14-2017, 12:47 PM

Quote:

Originally Posted by JSWolf

How are you getting on with your ToC?

Obviuosly erroneously posted at the wrong spot.

I will answer in the appropriate thread. That's here!

Answer: The ordinary way I always do it. Both ToC's function in ereader.

inline ToC

Table of Contents

chaot · 02-14-2017, 01:17 PM

EPUB Validator (beta) Results.

One more vote (7 first entries)

Quote:

Error while parsing file 'element "head" incomplete; missing required element "title"'.

pro including <title></title> in head section. That convinces me.

@DiapDealer: Please say something about that other errors. Calibre CheckBook is actually OK!?

DiapDealer · 02-14-2017, 01:30 PM

There's no way of knowing without seeing the code in question. At a guess, all the errors involving the p element are probably a result of tags being illegally nested inside other block-level elements.

chaot · 02-14-2017, 01:42 PM

That is the code. – So far was everything OK for me as long as CheckBook is OK.

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  </head>

<body class="calibre">

  <img src="index-1_1.png" class="calibre1"/>

  <h3 id="u3pAA2rri29VOAmDQCbdKx9">Impressum</h3>

  <p class="calibre2"></p>

  <p class="calibre2"><b class="calibre3">Jeppe Aakjær </b></p>

  <p class="calibre2"> <i class="calibre4"><b class="calibre3">Die Kinder des Zorns </b></i></p>

  <p class="calibre2"> <i class="calibre4"><b class="calibre3">ngiyaw eBooks </b></i></p>

  <i class="calibre4">

  <p class="calibre2"></p>

  <p class="calibre2">Übertragen von Erich Holm, Pseudonym von Mathilde Prager <br/>Georg Merseburger, Leipzig, 1912<br/>
 </p>

  <p class="calibre2"> <i class="calibre4">ngiyaw </i> eBooks werden Ihnen  <i class="calibre4">as-is</i> ohne irgendwelche Garantien und Gewährleistungen angeboten. </p>

  <p class="calibre2">© 2007 Peter M. Sporer für  <i class="calibre4">ngiyaw </i> eBooks. </p>

  <p class="calibre2">Földvári u. 18, H – 5093 Vezseny<a href="mailto:ebooks@ngiyaw-ebooks.de" class="calibre5"> (ebooks@ngiyaw-ebooks.de). </a></p>

  <p class="calibre2">Erstellt mit Corel Ventura 10, das die Corel Deutschland GmbH freundlich zur Verfügung gestellt hat. </p>

  <p class="calibre2">Gesetzt in der Baskerville Book. </p>

</i>

</body>

</html>

DiapDealer · 02-14-2017, 03:15 PM

Where to start?

You figured out the missing title tags

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
  </head>

<body class="calibre">

  <!-- the body tag can't be the parent of an img tag. The img tag must be contained in a block level element like div or p -->
  <!-- img tags are also required to have an alt attribute (even if it's empty) -->
  <img alt="" src="index-1_1.png" class="calibre1"/>

  <h3 id="u3pAA2rri29VOAmDQCbdKx9">Impressum</h3>

  <p class="calibre2"></p>

  <p class="calibre2"><b class="calibre3">Jeppe Aakjær </b></p>

  <p class="calibre2"> <i class="calibre4"><b class="calibre3">Die Kinder des Zorns </b></i></p>

  <p class="calibre2"> <i class="calibre4"><b class="calibre3">ngiyaw eBooks </b></i></p>

  <!-- block level tags (p) cannot be nested inside inline tags (i) -->
  <!-- All of the p tags inside the blue i tags represent one of the EpubCheck errors -->
  <i class="calibre4">

  <p class="calibre2"></p>

  <p class="calibre2">Übertragen von Erich Holm, Pseudonym von Mathilde Prager <br/>Georg Merseburger, Leipzig, 1912<br/>
 </p>

  <p class="calibre2"> <i class="calibre4">ngiyaw </i> eBooks werden Ihnen  <i class="calibre4">as-is</i> ohne irgendwelche Garantien und Gewährleistungen angeboten. </p>

  <p class="calibre2">© 2007 Peter M. Sporer für  <i class="calibre4">ngiyaw </i> eBooks. </p>

  <p class="calibre2">Földvári u. 18, H – 5093 Vezseny<a href="mailto:ebooks@ngiyaw-ebooks.de" class="calibre5"> (ebooks@ngiyaw-ebooks.de). </a></p>

  <p class="calibre2">Erstellt mit Corel Ventura 10, das die Corel Deutschland GmbH freundlich zur Verfügung gestellt hat. </p>

  <p class="calibre2">Gesetzt in der Baskerville Book. </p>

</i>

</body>

</html>

Turtle91 · 02-14-2017, 09:07 PM

May I add some recommendations in addition to Diap's corrections?? I cringe every time I see how bloated with calibre classes some books get. Most of them are unnecessary.

- Please do not use a class to describe your predominant styling
- Please do not use a class to describe your and tags unless they are something other than the standard italics and bold
- Please do not use empty paragraph tags ( ) to create a space between items/paragraphs

Instead, simply define the style for the standard // tags in your css and leave classes for those that are non-standard, and use classes to give extra spacing between the paragraphs that need it:

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <title></title>
   <link href="../Styles/styles.css" type="text/css" rel="stylesheet"/>
</head>

<body>

  <div><img alt="" src="index-1_1.png" /></div>

  <h3 id="u3pAA2rri29VOAmDQCbdKx9">Impressum</h3>

  <p><b>Jeppe Aakjær</b></p>

  <p><i><b>Die Kinder des Zorns</b></i></p>

  <p><i><b>ngiyaw eBooks</b></i></p>

  <p class="space">Übertragen von Erich Holm, Pseudonym von Mathilde Prager<br/>Georg Merseburger, Leipzig, 1912</p>

  <p class="space"><i>ngiyaw</i> eBooks werden Ihnen <i>as-is</i> ohne irgendwelche Garantien und Gewährleistungen angeboten.</p>

  <p>© 2007 Peter M. Sporer für <i>ngiyaw</i> eBooks.</p>

  <p>Földvári u. 18, H – 5093 Vezseny<a href="mailto:ebooks@ngiyaw-ebooks.de">(ebooks@ngiyaw-ebooks.de).</a></p>

  <p>Erstellt mit Corel Ventura 10, das die Corel Deutschland GmbH freundlich zur Verfügung gestellt hat.</p>

  <p>Gesetzt in der Baskerville Book.</p>

</body>

</html>

with the following CSS:

Code:

html, body {height:100%; font-family:serif} (or whatever)
body {font-size:100%; margin:0; padding:0; font-weight:normal} (or whatever)

h3 {font-weight:bold; text-align:center; font-size: 1.2em}
p  {whatever styling you want your standard (98% of the book) paragraph}
i  {font-style:italic}
b  {font-weight:bold}

p.space {margin-top:2em}
div img {max-width:100%} (or whatever styling you want for that image)

These, of course, are only recommendations - they are in no way meant to imply a requirement.

Cheers,

JSWolf · 02-15-2017, 04:44 AM

Quote:

Originally Posted by Turtle91

Code:

html, body {height:100%; font-family:serif} (or whatever)
body {font-size:100%; margin:0; padding:0; font-weight:normal} (or whatever)

h3 {font-weight:bold; text-align:center; font-size: 1.2em}
p  {whatever styling you want your standard (98% of the book) paragraph}
i  {font-style:italic}
b  {font-weight:bold}

p.space {margin-top:2em}
div img {max-width:100%} (or whatever styling you want for that image)

These, of course, are only recommendations - they are in no way meant to imply a requirement.

Cheers,

Some of the CSS is not needed. You do not need the i and the b styles as they are italic and bold as is.

DiapDealer · 02-15-2017, 08:44 AM

Let's not confuse personal style with requirements. The OP was asking about what is needed. Suggestions and personal preferences can come later.

Turtle91 · 02-15-2017, 11:23 AM

To be sure...none of the CSS I posted was a requirement...it was a recommendation. I thought I was pretty clear in stating that in my post...

As far as the and CSS not being required....Most devices/apps/browsers do default to displaying the / tags as was in this CSS - but I hate to rely on assuming that some device's default settings are the same as what I want to display. I have always worked under the rule of "It's better to specify exactly what you want so you aren't surprised later."

Spoiler:

It certainly doesn't hurt anything to have the CSS defined. In fact, it makes it pretty easy to find/edit later if I want to add some feature such as a particular stress for an emphasized word vs a strong word for those audio readback functions.

Cheers!

DaleDe · 02-15-2017, 11:57 AM

Anyone changing i and b are just wrong to do so. That is what em and strong are for. em and strong default to i and b but can be modified as desired. They are semantic statements.

Dale

02-14-2017, 11:04 AM	#17
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	Trust is a good thing, but control is a better one. Now I have reduced the head section one step further: to 0. This also functions. Not in any visible or perceptible aspect, this version is different on the ereader from the full parallel version (apart of the stylesheet.css instructions, of course). Direct html <i> or also <i class="calibre4"> tags are considered. Code: <?xml version='1.0' encoding='utf-8'?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> Check Book: Warning: The file stylesheet.css is not referenced Last edited by chaot; 02-14-2017 at 11:30 AM.

02-14-2017, 12:15 PM	#19
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	You and the other participants can believe me: My intention is not to produce some unrest. But only for questions, stubborn questions may arise cognition. Opinions (motto: that's how I've always done it, so it is or should be right) do not base any cognition. The theme head section seem me important enough to discuss it. Code: <?xml version='1.0' encoding='utf-8'?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="stylesheet.css" rel="stylesheet" type="text/css"/> </head> Yes, of course, as far as we want to have specific styles. Last edited by chaot; 02-14-2017 at 01:50 PM. Reason: truth → cognition

02-14-2017, 12:37 PM	#20
DiapDealer Grand Sorcerer Posts: 27,549 Karma: 193191846 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	We're not sopeaking from personal perference. We're speaking from experience. The title tags are required. Even if they're empty. An external stylesheet is highly recommended (but not required). If there's a stylesheet in your epub that's never linked to an xhtml file (in the head), most validators and/or epub checking tools are going to warn you about unused resources. To learn, take out what you think you should be able to, and use EpubCheck to determine if you were wrong. There's no reason for you to blindly trust our opinions on the matter. Use EpubCheck That's what it's for. Last edited by DiapDealer; 02-15-2017 at 04:09 AM.

02-14-2017, 01:30 PM	#23
DiapDealer Grand Sorcerer Posts: 27,549 Karma: 193191846 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	There's no way of knowing without seeing the code in question. At a guess, all the errors involving the p element are probably a result of <p> tags being illegally nested inside other block-level elements.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
xpath to insert chapter breaks - but chapter name cut off ?	Rob557	Conversion	2	03-06-2014 06:59 AM
Troubleshooting Kindle K3 (keyboard) losing chapter head spacing.	timecheck00	Amazon Kindle	5	11-30-2012 08:57 PM
Pocket eDGe and Full-size eDGe: Head to Head Comparison	alefor	enTourage Archive	28	12-01-2010 07:44 PM
Chapter Head Text Over Image	theducks	ePub	10	09-03-2010 03:32 PM
Video Head to Head of Kindle and Reader	Kingston	Which one should I buy?	30	01-24-2008 08:03 PM

02-15-2017, 08:44 AM	#28
DiapDealer Grand Sorcerer Posts: 27,549 Karma: 193191846 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	Let's not confuse personal style with requirements. The OP was asking about what is needed. Suggestions and personal preferences can come later.

02-15-2017, 11:57 AM	#30
DaleDe Grand Sorcerer Posts: 11,470 Karma: 13095790 Join Date: Aug 2007 Location: Grass Valley, CA Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7	Anyone changing i and b are just wrong to do so. That is what em and strong are for. em and strong default to i and b but can be modified as desired. They are semantic statements. Dale

Advert

Advert