semantic-markup

Do you think use of XHTML, and classes name is semantically correct in zengarden?

Lots of div and classes name are being used in the code. http://www.csszengarden.com/ Is there any scope of improvement in semantic? http://cssglobe.com/post/6957/class-names-revisited this is mentioned in source code as a comment This XHTML document is marked up to provide the designer with the maximum possible flexibility. ...

xhtml tables - proper use

Hi I have a pretty simple question. Is it a good practice to write tables with 2 different headers and repeating sub-headers like in the example 1 or is it better/more semantic to split this code into 2 tables (see example 2) ? Thanks example1: <table> <tr> <th colspan="3">HEADER 1</th> </tr> <tr> <th>sub-header 1</th> <th>sub-...

Display heading inline with following paragraph

Given the following semantic markup: <h3> SCOPE OF WORK. </h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> I would like to display th...

How can I convert this table-based layout to use semantic html with css-based layout?

In the image above, most of the html is semantic, using css to manage the look of it all. Despite my best efforts, though, I had to resort to using a table to get the segment on the right to stay where it is and allow its inner elements to wrap fluidly when it gets too big for the screen, like this: I know that it's preferable if tab...

An "a" element around a "div"

I know the topic of having an inline element around a block-level element as being semantically invalid has been discussed here at length. However, the situation of putting an "a" element around a "div" seems unescapable whevener you want to... well... put a link around a box (with CSS-defined width and height for instance). That looks ...

Should I use HTML 5 <nav> for footer links also, which are not primary navigation?

Sould I use HTML 5 <nav> for footer links also, which are not primary navigation? or it should be once in a page? ...

What are minimum requirement to show any content with styling on browser?

What are minimum requirement to show any content with styling on browser? My one curious friend who is learning about html and css asked some questions to me.with example. ( I uploaded his example page to my hosting) What are minimum requirement to show any content with styling on browser? Why this page is working with styling? see th...

Semantic structure in HTML - Subtitles (Pre-HTML5)

I'm new to HTML and want to make semantically correct HTML, however I'm finding it hard to work with what seems to be only headings, lists and paragraphs. Particularly, I can't find a place that makes sense for subtitles. I'm writing a blog site so lets use that as an example: A BLOG TITLE the best blog in the world post_title1 post_...

When writing semantic HTML, which is better: Scoping with <h1> to <h6> tags or scoping with id attributes and <span> tags?

I am trying to write high quality semantic HTML5. Which of the following two options are better semantically: OPTION 1: Define the styles by selecting spans using IDs: %body %header#global-header %h1 My Startup Name %h2 Home of the best offers in the Motor City %section#offers %h1 Today&apos;s Of...

When to use <br> line breaks vs CSS positioning?

I've often wondered about the proper use of a <br> line break. Seems that often they are incorrectly used for positioning or clearing content where CSS should instead be used. W3schoools.org says to use <br> for blank lines, but not for creating or separating paragraphs. Looking over W3C HTML5 spec draft, it's a little clearer that...