<< Back to the blog

HTML4 Review
& The Road for HTML5.




By @islamzatary

HTML4 Version History

Berners-Lee founds the W3C to standardize HTML for all browsers:


Read more: HTML Version History

HTML/XHTML Tags


XHTML is HTML written as XML

Valid XHTML tags


Important things about XHTML:


Document Structure

  • XHTML DOCTYPE is mandatory
  • The xmlns attribute in <html> is mandatory
  • <html>, <head>, <title>, and <body> are mandatory

XHTML Elements

  • XHTML elements must be properly nested
  • XHTML elements must always be closed
  • XHTML elements must be in lowercase
  • XHTML documents must have one root element

XHTML Attributes

  • Attribute names must be in lower case
  • Attribute values must be quoted
  • Attribute minimization is forbidden

A simple XHTML document, with the minimum of required tags

Tags Divided into two categories (Block and inline)

Characteristics:

  • Block-level elements begin on new lines.
  • Can have margins and/or padding.
  • By Default, block elements width is auto.
  • Block level elements create larger structures (than inline elements).
  • By default, inline elements do not begin on new lines.
  • Inline elements create shorter structures (than block level elements).
  • Inline elements will ignore top and bottom margin settings, but will apply left and right margins, and any padding.
  • Inline elements will ignore the width and height properties.

Main Tags in HTML

a
br
button
h1-h6
ul, ol, li
table, tr, td
select, option
input
img
div
span
i, em
b, strong
label
List all tags elements >>

Main Attributes in HTML

action
align
alt
bgcolor
cellpadding, cellspacing
checked, disabled
class, id
dir, lang
for
href
style
name
onblur, onchange, onclick, onkeydown, onkeyup, onmousedown, onmouseup
type, value
List all attributes elements >>

HTML4 Review




Wrapping up









by @islamzatary

The Road for HTML5.


Browser developers got frustrated with W3C progress and created a new standards committee to write the "HTML5" spec in 2004.

In 2008, the W3C adopted it as a standard.

Why HTML5???

  • Form input types
  • Audio/video
  • 2d/3d Graphics
  • Data storage
  • New semantic tags
  • Drag-and-drop
  • ...and more!

The Road for HTML5.

Another Major Characteristics:


HTML4 Review




Wrapping up








<< Back to the blog

by @islamzatary