The Ebook page format (XHTML with class="role-ebook-page" on the <html>
element) uses the <title> element as heading for the page.
The XMLmind editors display the title element in a very visual way.
However, if the user uses the XMLmind editor’s Preview option to
preview the Ebook pagein a Web browser, the title element visually
disappears. This is potentially confusing to the Ebook authors.
To make the users of the Ebook specification understand and love working
with it, it would be nice if the <title> element could be made to
display visually also when previewed in a brwoser.
It IS possible to make the title element visible in browsers. The fact
that the <title> element visually disappears in the browser is due to
the default CSS for XHTML, which Web browsers implement.
Proposal:
By default, or as an option, let Ebook pages created by XMLmind editors,
supply the necessary CSS which makes the title element visible in
browsers.
Considerations:
The CSS should should not lend itself to be included in online
publications of the same ”page”. This should be avoided. Why?
Because the XMLmind developers might do not want users to accidentically
publish pages that rely on the title element being visible.
I see view 3 strategies for making the CSS only apply to the local web
page, on the computer:
1) Use the @document rule. Currently only supported as
@-moz-document in Firefox:
<style>@-moz-document regexp("file:.*") {
head{display:block;background:yellow;text-align:center;}
title{display:block;font-size:2em;line-height:1;}
}</style>
2) Use an @import rule that only works locally - XMLmind
can automatically create this rule:
<style>
@import url("file:///Users/userFoo/Ebook.css")
</style>
3) Use CSS that only works in application/xhtml+xml mode,
and let XMLmind promode saving the file as .xhtml or
as .xht or .xml.
For example, create style sheet that only works in XML.
The following is valid HTML5 markup - note that there is
no CDATA in the script element. An XML parser will see
the <style> element as a (sic!) <style> element, while
text/html parser will not see any element inside <script>:
<script><style>
head{display:block;background:yellow;text-align:center;}
meta+style+title{display:block;font-size:2em;line-height:1;}
</style></script>
Or use a CSS selector that only works in XML.
The following works because an XML parser sees this as
a single style element, while a text/html parser sees it
as two style elements.
<style class="display">
/*<![CDATA[*//*</style><style class="hide">/**/
head{display:block;background:yellow;text-align:center;}
*.display+title{display:block;font-size:2em;line-height:1;}
*.hide+title{display:none}
/*]]>*/</style
<title>Heading</title
--
Leif Halvard Silli
--
XMLmind XML Editor Support List
xmleditor-support@xmlmind.com
http://www.xmlmind.com/mailman/listinfo/xmleditor-support
