Italics html question

[Amalthia]

I'm curious to know if this has always been the case but in the past I remembered if you did not close an italics or bold tag the rest of the following paragraphs would remain bolded or italicized until it hit a closing tag.

I'm noticing in some recent conversions that the Paragraph tag < / P> works as a < / I> and as a < / B>

Is there anyway to stop it from doing that? Some of the stories I'm converting have more than one paragraph of bolded or italicized text and the program I use adds the tag at the beginning and then at the end. But when Calibre converts nothing past the first < / P> remained italicized.

I'd appreciate any advice or help.

[frabjous]

It's considered very bad form in HTML to have the scope of tags overlap at all. Something of the form <p><i>...</p>...</i> should never exist. Probably it would mean that the HTML in question wouldn't pass validation tests.

So if you have multiple italicized paragraphs, you should have something like:

<p><i>Paragraph one ..</i></p>
<p><i>Paragraph two ..</i></p>

or better:

<p style="font-style: italic;">Paragraph one</p>
<p style="font-style: italic;>Paragraph two</p>

(Or the same by means of a CSS class and an appropriate stylesheet.)

Something like:

<div style="font-style: italic;">
<p>Paragraph one</p>
<p>Paragraph two</p>
</div>

might be OK, but it might have other issues, so I'd steer clear of it.

[Amalthia]

Originally Posted by frabjous

It's considered very bad form in HTML to have the scope of tags overlap at all. Something of the form <p><i>...</p>...</i> should never exist. Probably it would mean that the HTML in question wouldn't pass validation tests.

So if you have multiple italicized paragraphs, you should have something like:

<p><i>Paragraph one ..</i></p>
<p><i>Paragraph two ..</i></p>

or better:

<p style="font-style: italic;">Paragraph one</p>
<p style="font-style: italic;>Paragraph two</p>

(Or the same by means of a CSS class and an appropriate stylesheet.)

Something like:

<div style="font-style: italic;">
<p>Paragraph one</p>
<p>Paragraph two</p>
</div>

might be OK, but it might have other issues, so I'd steer clear of it.

I think for a long time I just got used to huge blocks of text being converted to italics if you forgot to close them off so I had thought that's how they were supposed to work. (and it still works like that in web browsers)

Thanks for the clarification. It looks like I'll have to watch out for multiple paragraphs with italics and make sure I check the italics after converting to HTML.

[Dopedangel]

try using tidy html cleaner that works quite well in cleaning up html tag errors
I personally use notepad++ that has built in Tidy and is great for fixing html files
plus it can also auto generate css for you.