Jump to content
Sign in to follow this  
gany

section or aside?

Recommended Posts

Hi, I (roughly) know what the new aside and section tags are supposed to do, but I'm not certain which one to use: I'm working on a 3 column layout for a Joomla site. The left column will contain the sub navigation and some images. The center column is for the main content and the right column for images and banner ads. The left column I would make a section, the center column article and the right column aside. Is this the correct way to do it, or should I name the left and right columns both sections? Thanks, Gany

Share this post


Link to post
Share on other sites

This is an HTML 5 question not CSS...Section: The <section> tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.Aside: The <aside> tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content. More Info on Section tagMore Info on Aside tag I'd use neither Section or Aside for the columns. I'd use Div tags.However, you could use section tags to separate multiple articles in the center div (assuming multiple articles will be showing at a time). However, I'd probably still say stick with div tags, unless someone has a reason why? ~krewe

Edited by Krewe

Share this post


Link to post
Share on other sites

Elements(tags) like <header>, <footer>, <section>, <aside>, etc are known as Semantic Elements. From my understanding they are to help with certain browsers, like screen readers etc for disable people for example in describing the content/page to the user(s). I still use divs mostly for everything as well since HTML5 elements are not fully supported in most/all browsers yet.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...