Just some corrections. See below.
On 22 Jan 2018, at 19:21, Leif Halvard Silli wrote:
... snip ...
The fact that the <title> element visually disappears in the browser
is due to the default CSS for XHTML, which Web browsers implement.
I meant to say ”default CSS for HTML". HTML and XHTMl of course have
the same default CSS.
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>
The above CSS was not meant to have those CSS selectors. This would be
enough:
<script><style>
head{display:block;background:yellow;text-align:center;}
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
