Div mania is not Semantic XHTML

January 31, 2009 – 14:25 by Dani Iswara. Words count: 248.
Last updated: Sunday, August 9, 2009 at 3:54.

This blog template is still using a non-semantic markup of XHTML. Yes, currently, I am one of the div mania. See, I am just a web standards supporter.

More and more web documents are appearing that consist of nothing more than a collection of div elements. In most cases, better use of CSS selectors could be used to avoid overusing the div element.

Please read more on div mania (Juicystudio dot com).

On my previous note about web standard vs semantic markup (Dani Iswara .Net), valid XHTML (Extensible HyperText Markup Language) is not the same as semantically correct markup.

Semantic markup test

[Updated February 14, 2009] W3C (World Wide Web Consortium) has just released its new feature, a detection of non-semantic markup.

[Updated July 9, 2009] Since July 8, 2009, by the creator, Dominique Hazaël-Massieux, the tool has been modified. The detection of semantic markup is disappear.

Raven SEO (Search Engine Optimization) tool can only test the semantic structure of h1 – h6. Check the semantic data extraction for Dani Iswara .Net. At the bottom of the result, I saw the warning:

Non-semantic markup

The following suspiciously non-semantic markup has been detected:

* 20 <div> with no additional content to their unique child.

There are some opinions from web standard gurus that sometimes we need divs and its hacks.

At least, try to put

title, h1-h6, p, ul, ol, li, alt, blockquote, quote, em, strong, del, etc.

properly for the purpose of semantic (meaningful) markup code. Then, it would make web maintenance easier. :)

Just unessential weblog
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com or use contact form.

Posted in category: Semantic Markups
Tags: , , , , , ,
9 Comments/Trackbacks (Comment closed)

You are free to share (copy, distribute, transmit) & adapt this blog post under the similar license (Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported; CCA-NC-SA 3.0 Unported). Please put these links on your copy:
Taken from: Div mania is not Semantic XHTML by Dani Iswara.

Unimportant Related/Random Posts

You may also read list of most popular posts and most popular tags of Dani Iswara .Net.

9 Responses to post titled: Div mania is not Semantic XHTML

  1. Comment by hisman on February 16, 2009 at 10:52:45
    using Mozilla Firefox 2.0.0.1 on Windows XP

    Setuju,… tag div emang penting dalam pembuatan suatu situs, terutama dalam pembuatan layout. Tapi gak semuanya bagus pake div.

    Saya pernah baca di suatu situs, lupa alamatnya dimana, hehe… bahwa salah satu kesalahan para web designer adalah kebanyakan menggunakan tag div di dalam webnya.

    Yah… intinya gunakanlah tag-tag XHTML itu sesuai fungsinya, jangan semuanya pake div. contohnya untuk judul bisa pake heading, untuk tabel bisa pake table dll…

  2. Comment by dani on February 16, 2009 at 12:21:42
    using Mozilla Firefox 3.0.6 on Gentoo Linux

    hisman,
    iya mas hisman, saya blm bs ngurangin make div-nya :lol:
    yg title, heading, list, blockquote, table utk data, masi sanggup lah..tp utk layout itu yg ngga kuat utk ngga terlalu div mania :D

  3. Comment by Origami on February 17, 2009 at 09:28:25
    using Mozilla Firefox 3.0.3 on Ubuntu Linux 8.10

    wah, bener banget… gak semua div itu baek, setuju ama pendapatnya Om hisman, hehehehe.. pak Dokter aja bisa ngerti yang ginian, aku malah gak ngerti sama sekali, template blog aja masih pake yang standar, hahahaha…

    salam kenal buat pak Dokter yah yang punya blog ini, tukeran link yook…

    *numpang iklan*
    *garuk-garuk jidat*

  4. Comment by Dani Iswara on February 17, 2009 at 09:53:24
    using Mozilla Firefox 3.0.6 on Gentoo Linux

    Origami,
    ini jg belajarnya dari temen2nya mas hisman, bli
    salam kenal bli komang :)
    ngga sekalian gabung Bali Blogger Community?
    jd link-nya saya gabung di sana..

  5. Comment by balita on March 6, 2009 at 13:09:09
    using Mozilla Firefox 3.0.3 on Windows XP

    si mr.div mank top atuh…
    salam kenal

  6. Comment by nomercy on June 21, 2009 at 01:44:28
    using Mozilla Firefox 3.0.11 on Linux Mint 7

    mas … yang mana lebih didahulukan, (x)HTML Standard ataukah Semantic Markup? … secara kebanyakan web dev yang lebih mementingkan hal pertama daripada yang kedua …

  7. Comment by nomercy on June 21, 2009 at 01:47:08
    using Mozilla Firefox 3.0.11 on Linux Mint 7

    oya sekalian mau tanya (OOT nih) … blog mas Dani pakai DB Cache tetapi kalau melihat dari hasil counternya kok gak ada database yang ngambil dari cache …

Trackbacks/Pingbacks

  1. Pingback by Posts about Web Standards as of February 20, 2009 | XHTML and CSS on February 21, 2009 at 07:31:12
    using WordPress 2.6.1

    [...] Code: http://rapidshare.com/files/191454194/J-part1.rar J-part2: JavaScript & AJAX Div mania is not Semantic XHTML – daniiswara.net 01/31/2009 Div mania is not Semantic XHTMLJanuary 31, 2009 – 14:25 by Dani [...]

  2. Pingback by Inspiring Semantic Markup Weblogs - Dani Iswara .Net on August 9, 2009 at 03:53:51
    using WordPress abc

    [...] Div mania is not semantic XHTML. X/HTML is for the content. Presentational design should use CSS. So, properly markup content will be useful and still visible broadly for universal user, even without CSS. [...]

Sorry, for some reasons (sometimes due to sp*ms attack), the comment form is closed at this time. If You have any suggestions, please contact me. Thank you.

Dani Iswara .Net

Return to TOP
›› Older entries: XHTML-CSS validations are not that Important
‹‹ Newer entries: XHTML Format – Quick Reference Guide