[dokuwiki] Re: Leaner HTML Markup
- From: Christopher Smith <chris@xxxxxxxxxxxxx>
- To: dokuwiki@xxxxxxxxxxxxx
- Date: Wed, 7 May 2008 18:52:34 +0100
On 7 May 2008, at 17:34, Michael Klier wrote:
fantasai wrote:
fantasai wrote:
Some examples, as requested:
<h1><a name="playground" id="playground">PlayGround</a></h1>
<div class="level1">
<p>paragraph</p>
<ul>
<li class="level1"><div class="li">list item</div>
</li>
</ul>
</div>
I would ideally write as
<div class="section" id="playground">
<h1>PlayGround</h1>
<p>paragraph</p>
<ul>
<li>list item</li>
</ul>
</div>
The two losses of functionality above are:
- ID targetting doesn't work in older browsers (NS4 and below)
An alternative would be to keep the anchor on the heading.
- Can't style the list marker differently, would have to use
list-style-image for the blue boxes. An alternative would be
to add back an unclassed <div> and style it with li > div.
Not quite, removing the anchor link from the header will render the
TOC
useless as well.
Not quite. Modern browsers allow fragment identifiers (#<id>) to
target id the id values on any element. However, IE6 does have issues
with tab position and keyboard based navigation. I forget the
possible structures required to get it to play nicely - any change
should be reviewed to ensure keyboard navigation in IE6 still works.
A bigger issue is section edit buttons. The section is the div
between the headings. At present editable sections can't be
nestable. The implications of this change are much wider than leaner
html.
The list styling issue is disputable, and has been discussed a
couple of times
already (IIRC).
I don't recall the discussions, but it is an instance where the leaner
html results in a significant loss of functionality.
Fantasai, thanks for the couple of examples, but what are the
advantages? Even assuming the above examples didn't have downsides,
what would be gained by changing?
( I don't see the box surrounding targeted fragment as much of an
advantage, its achievable with - admittedly more complex, but not that
tricky - javascript, but no one has bothered. )
- Chris
--
DokuWiki mailing list - more info at
http://wiki.splitbrain.org/wiki:mailinglist
- Follow-Ups:
- [dokuwiki] Re: Leaner HTML Markup
- From: fantasai
- References:
- [dokuwiki] Leaner HTML Markup
- From: fantasai
- [dokuwiki] Re: Leaner HTML Markup
- From: fantasai
- [dokuwiki] Re: Leaner HTML Markup
- From: Michael Klier
Other related posts:
- » [dokuwiki] Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
- » [dokuwiki] Re: Leaner HTML Markup
fantasai wrote:
fantasai wrote: Some examples, as requested: <h1><a name="playground" id="playground">PlayGround</a></h1> <div class="level1"> <p>paragraph</p> <ul> <li class="level1"><div class="li">list item</div> </li> </ul> </div> I would ideally write as <div class="section" id="playground"> <h1>PlayGround</h1> <p>paragraph</p> <ul> <li>list item</li> </ul> </div> The two losses of functionality above are: - ID targetting doesn't work in older browsers (NS4 and below) An alternative would be to keep the anchor on the heading. - Can't style the list marker differently, would have to use list-style-image for the blue boxes. An alternative would be to add back an unclassed <div> and style it with li > div.
Not quite, removing the anchor link from the header will render the TOC
useless as well.
The list styling issue is disputable, and has been discussed a couple of times
already (IIRC).
- [dokuwiki] Re: Leaner HTML Markup
- From: fantasai
- [dokuwiki] Leaner HTML Markup
- From: fantasai
- [dokuwiki] Re: Leaner HTML Markup
- From: fantasai
- [dokuwiki] Re: Leaner HTML Markup
- From: Michael Klier