Re: [WSG] HTM5 Semantic markup overly done?
On 01/10/10 20:03, Ted Drake wrote: I'm on the fence right now about headers. I've seen use of h2's without a header wrapper in a section. This gives screen readers structure, but it breaks the HTML5 outline methodology. Shouldn't you change it to an h1 when it goes in a header. The outline is dependent on the sectioning content[1] (article, aside, nav, section) - you don't need to wrap an element in a for that. The is only really needed if you're going to have content that isn't a element but is still part of the section/article header (eg. author byline, publish date etc.). Wrapping a single element in a is technically correct but unnecessary IMO - might be useful if you wanted to attach style rules to it. Rob [1] http://www.whatwg.org/specs/web-apps/current-work/multipage/content-models.html#sectioning-content-0 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HTM5 Semantic markup overly done?
I'm on the fence right now about headers. I've seen use of h2's without a header wrapper in a section. This gives screen readers structure, but it breaks the HTML5 outline methodology. Shouldn't you change it to an h1 when it goes in a header. It's a struggle between building good html5 code for the future and providing hierarchical headers h1->h2->h3 for the screenreaders. Ted -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jason Arnold Sent: Friday, October 01, 2010 6:12 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] HTM5 Semantic markup overly done? On Fri, Oct 1, 2010 at 6:24 AM, tee wrote: > Is this example overly done? > http://playground.html5rocks.com/#semantic_markup > > > > > > Article Title > > > Lorem ipsum dolor sit amet, > > > > > > Article Title > > giat nulla pariatur. Excepteur sint occaecat cupidatat non > proident, sunt in culpa qui officia deserunt mollit anim id est laborum. > > > > the only overly done part with the above example is the use of the tag inside the article. I would use the tag instead like in your below example, but the rest is good. Just remember that is defined in the spec as a "thematic grouping of content, typically with a header" so you should also have a in your unless it truly doesn't apply. > I thought this is suffice but then I am not sure as these HTML5 tags are > still too new for me. > > > > > ... > ... > > > > > ... > ... > > > This one is okay except, IMO, that you should wrap the in a . Also just wanted to point out with HTML5 you can use all tags in your articles instead of . And honestly I think any of those ways would probably be okay -- Jason Arnold http://www.jasonarnold.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HTM5 Semantic markup overly done?
> > > > > > > > > > Article Title > > > >Lorem ipsum dolor sit amet, ... > > > > > > > > > > > > Article Title > > > >giat nulla pariatur. Excepteur sint occaecat cupidatat > >non proident, sunt in culpa qui officia deserunt mollit anim > id est > >laborum. > > > > > > > > let's not get into list-itis again... ;) hehe, I *knew* you'd reply to this ;) -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] HTM5 Semantic markup overly done?
On 01/10/2010 15:22, Thierry Koblentz wrote: Hi Tee, I thought this is suffice but then I am not sure as these HTML5 tags are still too new for me. ... ... ... ... What about something like this? Article Title Lorem ipsum dolor sit amet, ... Article Title giat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. let's not get into list-itis again... ;) to answer the thread starter: there will probably be no clear single answer about what is and isn't "too much semantic markup". it will come down to your own personal preference, i'd say...whatever you feel comfortable with (particularly as currently there's no practical benefit of using these new structural constructs - e.g. there's no crawlers looking specifically for s to syndicate etc). P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com | http://flickr.com/photos/redux/ __ twitter: @patrick_h_lauke | skype: patrick_h_lauke __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HTM5 Semantic markup overly done?
Hi Tee, > I thought this is suffice but then I am not sure as these HTML5 tags > are still too new for me. > > > > > ... > ... > > > > > ... > ... > > > What about something like this? Article Title Lorem ipsum dolor sit amet, ... Article Title giat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] HTM5 Semantic markup overly done?
On Fri, Oct 1, 2010 at 6:24 AM, tee wrote: > Is this example overly done? > http://playground.html5rocks.com/#semantic_markup > > > > > > Article Title > > > Lorem ipsum dolor sit amet, > > > > > > Article Title > > giat nulla pariatur. Excepteur sint occaecat cupidatat non > proident, sunt in culpa qui officia deserunt mollit anim id est laborum. > > > > the only overly done part with the above example is the use of the tag inside the article. I would use the tag instead like in your below example, but the rest is good. Just remember that is defined in the spec as a "thematic grouping of content, typically with a header" so you should also have a in your unless it truly doesn't apply. > I thought this is suffice but then I am not sure as these HTML5 tags are > still too new for me. > > > > > ... > ... > > > > > ... > ... > > > This one is okay except, IMO, that you should wrap the in a . Also just wanted to point out with HTML5 you can use all tags in your articles instead of . And honestly I think any of those ways would probably be okay -- Jason Arnold http://www.jasonarnold.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***