Comments on: 10 recommendations on using HTML5 today (aka Homo-Adminus Blog 2.0 HTML5ified) https://kpumuk.info/development/10-recommendations-on-using-html5-today/ In my blog I'll try to describe about interesting technologies, my discovery in IT and some useful things about programming. Mon, 07 Sep 2015 23:10:49 +0000 hourly 1 https://wordpress.org/?v=6.7.1 By: Peter https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282316 Tue, 21 Jul 2009 15:58:19 +0000 http://kpumuk.info/?p=751#comment-282316 How pleasant to see that there are people who think — before accepting <aside> and “sidebar” as interchangeable things because the words sound so similar… (Sorry about OT and thanks for the article.)

]]>
By: COTOHA https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282315 Tue, 21 Jul 2009 15:21:36 +0000 http://kpumuk.info/?p=751#comment-282315 ok. let’s just use our greate knowledge of OOP (:)) and make some use of Single Responsibility Principle (busted!)…

use <nav> for pack of links, <section> for sections and <aside> for typographical sidenotes like “By the way british scientists proved aside tag should be used only for typographical sidenotes like “By the way british scientists proved aside tag should be used only for…

]]>
By: Roman Dmytrenko https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282314 Tue, 21 Jul 2009 13:52:10 +0000 http://kpumuk.info/?p=751#comment-282314 If we are talking about Alexey Kovyrin’s blog I think we should use <section> for a sidebar. Why? Someone has written

the <nav> element which allows you to group together links, resulting in more semantic markup….

The search form isn’t a link, isn’t it? And let’s think about “Categories” section and “Flickr” section. Are they connected to each other? Of course NO. In my opinion the sidebar should be <section> and “Categories”, “Archive”, “Flickr”, “Blog roll” should be wrapped into separate <nav> tags. Or let’s look at CSS Tricks sidebar. Will you use <nav> tag for it? I don’t think so.

]]>
By: Sam https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282312 Tue, 21 Jul 2009 13:26:20 +0000 http://kpumuk.info/?p=751#comment-282312 It’s a bit tricky but as I understand, aside was created to represent magazine-like sideblocks that were implemented in html4 as div with float inside a text.

Even if we can use it, what we have in this sidebar are most probably links (to posts, to comments, to taxonomy categories etc.). So it’s definitely nav.

]]>
By: Dmytro Shteflyuk https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282311 Tue, 21 Jul 2009 13:00:58 +0000 http://kpumuk.info/?p=751#comment-282311 Yep, that’s what I’m talking about. Addition to main content is a related articles list, RSS links to comments, Pingback URL, list of commenters, etc, etc. But my current point of view is that categories list and archives is not additional material, but navigation.

I think it’s better to wait while HTML5 draft will be approved, and I hope it will contain guidelines on how to use this element.

]]>
By: frujo https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282310 Tue, 21 Jul 2009 12:53:32 +0000 http://kpumuk.info/?p=751#comment-282310 Oh boy! Excuse me, for that bad formatting =(

]]>
By: frujo https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282309 Tue, 21 Jul 2009 12:52:41 +0000 http://kpumuk.info/?p=751#comment-282309 I do love the explaination at http://www.ibm.com.

<aside>, as written there, is a semantic element that is a sort of addition to the main content. So, it won’t be a mistake to use <aside> for sidebar (which actually, depending of purpose of its creation, may be that additional material).

]]>
By: akella https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282308 Tue, 21 Jul 2009 12:27:27 +0000 http://kpumuk.info/?p=751#comment-282308
meta info related to post

Categories are related to posts. Anything about the author of the posts – is related to the posts as well.

Thats the point where we think different.
I think list of blogposts and blog categories+RSS+etc are tangentially related things, and you don’t. That’s it. I just think it is a little misguiding to tell that “sidebar!=aside”.

I think when we got controversial html elements – we just have two right ways of understanding them.

P.S.: nice post btw =)

]]>
By: Dmytro Shteflyuk https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282307 Tue, 21 Jul 2009 12:11:15 +0000 http://kpumuk.info/?p=751#comment-282307 As I said, <aside> is the most controversial element. Yes, I can imagine usecases, when this element could represent a sidebar, but not a blog sidebar.

Ok, let’s talk about blog home page. The main content here is a list of latest articles (or a single latest article, but that’s not our case, right?) Archives, categories list, blogroll — are list of articles, articles, and links to other blogs respectively. Also you can find here (usually) links to RSS, top commenters, login/admin links.

So don’t you think that all these items are related to latest articles? I can agree, if you put in <aside> 5 latest commenters of each article (because they are related), excerpt from article text, any kind of meta info related to post. But links to lists of other articles is the blog navigation, <nav> element.

]]>
By: akella https://kpumuk.info/development/10-recommendations-on-using-html5-today/comment-page-1/#comment-282306 Tue, 21 Jul 2009 11:57:07 +0000 http://kpumuk.info/?p=751#comment-282306 If we are talking about the “article”+”aside” – i agree.
But what if it is “section role=maincontent”+”aside”?
On the main page, for example, u’ve got list of articles in main section, and “aside” with “categories list, blogroll etc” is just what seems to be related to the list of blog posts and blog in general.
Right?

]]>