<em> </em> Tags

thosp · 11-06-2017, 09:23 PM

The <em> </em> Tag works with the PAGE information, but did not with the Chapter TITLE information. Any Ideas???

KevinH · 11-07-2017, 11:54 AM

I have no idea what you are asking? What do you mean by PAGE information exactly, and what do you mean with the Chapter TITLE information? Please provide an example of the code you are attempting to use and what you expect to see.

Turtle91 · 11-07-2017, 05:00 PM

Welcome to MR thosp!

If you are referring to the <title> tag in the html page header

Spoiler:

then the <em> tags will not work in the header title. Most apps/readers ignore that title tag anyway...it is even ok to leave that title tag empty like "<title></title>".

Notjohn · 11-08-2017, 04:54 PM

Thosp, you should have a style sheet, and it should contain a style for the <H1> heading (or whatever tag you use for chapter titles. For example:

h2 {
margin-top:1em;
font-size: 150%;
text-indent: 0em;
font-style: italic;
text-align:center;
}

(I happen to use H2 for my chapter titles.)

DiapDealer · 11-08-2017, 06:02 PM

em tags will work just as well, of course (except inside of title tags as @Turtle91 already specified).

thosp · 11-10-2017, 04:02 PM

Code Used:
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Chapter 21: The Power of "<em>The Thought</em>"</title>
<link rel="stylesheet" href="../Styles/xht.css" type="text/css"/>
</head>
<body>
<h2>Chapter 21: The Power of "<em>The Thought</em>"</h2>

Desired Result:
Chapter 21: The Power of "The Thought" - with The Thought in Italics!

And yes, the TITLE info is used in the Table of Contents!

DiapDealer · 11-10-2017, 04:22 PM

Quote:

Originally Posted by thosp

And yes, the TITLE info is used in the Table of Contents!

I doubt that very highly. I know of no reading software that displays the contents on title tags -- in the table of contents or elsewhere. But it's easy enough to test. Change one one of the file's title text to something nonsensical and see. The Table of Contents text is determined by the contents of the toc.ncx, and most html table of contents are created from that NCX (or sometimes manually).

Tex2002ans · 11-11-2017, 01:17 AM

Quote:

Originally Posted by DiapDealer

I doubt that very highly. I know of no reading software that displays the contents on title tags -- in the table of contents or elsewhere.

The only reading system I can think of that might use the <title></title> would be some Screen Readers.

Quote:

Originally Posted by thosp

And yes, the TITLE info is used in the Table of Contents!

While not the <title> at the top of the HTML, in Sigil, you can do this:

Code:

<h2 title="Chapter 21: The Power of “The Thought”">Chapter 21: The Power of "<em>The Thought</em>"</h2>

Sigil will then use the text in title="" to generate the TOC.

But two things to note:

You can't use "dumb quotes", you have to use “smart quotes”.
You can't use <i> or <em> in there. You'll have to manually add that in the HTML TOC later.

LauraB7 · 11-17-2017, 12:25 PM

The <title> should be populated with the name of the HTML document with no markup. That title gets read aloud in some voiceover/screen reader environments. A meaningful title is an accessibility best practice.

Many EPUBs have the title of the book in that field instead of the title the HTML file.

Does anyone know of a script of plugin to fix it when it's the title of the book? It would be nice to have some automated way of grabbing the <h1> in the HTML file and plopping that into the <title> field?

Toxaris · 11-17-2017, 01:13 PM

A plugin that grabs the top header (either h1, h2 or h3) of the file and enter that in the title tag doesn't seem to difficult.

LauraB7 · 11-17-2017, 01:50 PM

It would be super useful when remediating EPUBs for accessibility, Toxaris.

Tex2002ans · 11-17-2017, 04:27 PM

Quote:

Originally Posted by Toxaris

A plugin that grabs the top header (either h1, h2 or h3) of the file and enter that in the title tag doesn't seem to difficult.

Yep, definitely sounds like something that would be helpful.

In the case of a Sigil-specific plugin, maybe it should prioritize grabbing the title attribute over the text itself. Example:

Code:

<h2 title="Chapter 2: The Cold Winter">Chapter 2</h2>

would appear as "<title>Chapter 2: The Cold Winter</title>"

And your basic:

Code:

<h2>Chapter 2</h2>

would appear as "<title>Chapter 2</title>"

Side Note: For extra info, here is the EPUB Accessibility Techniques section on <title>s.

Which leads to these three supplemental pages on WCAG2.0 (Web Content Accessibility Guidelines):

https://www.w3.org/TR/WCAG20-TECHS/html.html#H25
https://www.w3.org/WAI/WCAG20/quickr...chanisms-title
https://www.w3.org/TR/UNDERSTANDING-...sms-title.html

Quote:

Specific Benefits of Success Criterion 2.4.2:

This criterion benefits all users in allowing users to quickly and easily identify whether the information contained in the Web page is relevant to their needs.
People with visual disabilities will benefit from being able to differentiate content when multiple Web pages are open.
People with cognitive disabilities, limited short-term memory and reading disabilities also benefit from the ability to identify content by its title.
This criterion also benefits people with severe mobility impairments whose mode of operation relies on audio when navigating between Web pages.

DiapDealer · 11-17-2017, 05:02 PM

I can take a stab at something like that if/when I find some time. But given my current schedule, no one should use that as a reason NOT to beat me to the punch on it.

11-06-2017, 09:23 PM	#1
thosp Member Posts: 11 Karma: 10 Join Date: Dec 2014 Device: laptop & tablet	<em> </em> Tags The <em> </em> Tag works with the PAGE information, but did not with the Chapter TITLE information. Any Ideas???

11-07-2017, 05:00 PM	#3
Turtle91 A Hairy Wizard Posts: 3,301 Karma: 20171571 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	Welcome to MR thosp! If you are referring to the <title> tag in the html page header Spoiler: Code: <?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></title> </head> <body> then the <em> tags will not work in the header title. Most apps/readers ignore that title tag anyway...it is even ok to leave that title tag empty like "<title></title>".

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Changing <div> tags to <p> tags	townsend	Sigil	23	04-07-2013 08:07 AM
Searching tags to show tags I want even when it has a tag I do not	Jade Aislin	Library Management	2	04-25-2012 01:01 PM
Calibre Tags & Aldiko Tags Not the Same	Themus	Calibre	3	03-21-2012 08:23 PM
deleting tags from available tags list	BeccaPrice	Calibre	8	10-15-2011 11:39 AM
Amazon Tags - Popular tags vs Unique tags.	chrisanthropic	Writers' Corner	6	09-19-2011 11:18 PM

11-07-2017, 11:54 AM	#2
KevinH Sigil Developer Posts: 8,454 Karma: 5703586 Join Date: Nov 2009 Device: many	I have no idea what you are asking? What do you mean by PAGE information exactly, and what do you mean with the Chapter TITLE information? Please provide an example of the code you are attempting to use and what you expect to see.

11-08-2017, 04:54 PM	#4
Notjohn mostly an observer Posts: 1,518 Karma: 987654 Join Date: Dec 2012 Device: Kindle	Thosp, you should have a style sheet, and it should contain a style for the <H1> heading (or whatever tag you use for chapter titles. For example: h2 { margin-top:1em; font-size: 150%; text-indent: 0em; font-style: italic; text-align:center; } (I happen to use H2 for my chapter titles.)

11-08-2017, 06:02 PM	#5
DiapDealer Grand Sorcerer Posts: 28,352 Karma: 203720150 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	em tags will work just as well, of course (except inside of title tags as @Turtle91 already specified).

11-10-2017, 04:02 PM	#6
thosp Member Posts: 11 Karma: 10 Join Date: Dec 2014 Device: laptop & tablet	Code Used: <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Chapter 21: The Power of "<em>The Thought</em>"</title> <link rel="stylesheet" href="../Styles/xht.css" type="text/css"/> </head> <body> <h2>Chapter 21: The Power of "<em>The Thought</em>"</h2> Desired Result: Chapter 21: The Power of "The Thought" - with The Thought in Italics! And yes, the TITLE info is used in the Table of Contents!

11-17-2017, 12:25 PM	#9
LauraB7 Junior Member Posts: 9 Karma: 2744 Join Date: Nov 2017 Device: all	The <title> should be populated with the name of the HTML document with no markup. That title gets read aloud in some voiceover/screen reader environments. A meaningful title is an accessibility best practice. Many EPUBs have the title of the book in that field instead of the title the HTML file. Does anyone know of a script of plugin to fix it when it's the title of the book? It would be nice to have some automated way of grabbing the <h1> in the HTML file and plopping that into the <title> field?

11-17-2017, 01:13 PM	#10
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	A plugin that grabs the top header (either h1, h2 or h3) of the file and enter that in the title tag doesn't seem to difficult.

11-17-2017, 01:50 PM	#11
LauraB7 Junior Member Posts: 9 Karma: 2744 Join Date: Nov 2017 Device: all	It would be super useful when remediating EPUBs for accessibility, Toxaris.

11-17-2017, 05:02 PM	#13
DiapDealer Grand Sorcerer Posts: 28,352 Karma: 203720150 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	I can take a stab at something like that if/when I find some time. But given my current schedule, no one should use that as a reason NOT to beat me to the punch on it.

Advert

Advert