Showing posts with label HTML5 Basics. Show all posts
Showing posts with label HTML5 Basics. Show all posts

Monday, 15 December 2014

HTML5 - semantic element

New element is adopted to HTML5, which is called "semantic element"


Could you find the new tag in the picture above?

You may find new tag from there like <header>, <nav>, <section>, <article> and <footer>.

If you compare result with HTML4, it would show same result but when dealing with the document on web browser, it has great difference.

- easy to recognize where is title, menu or real content by the tags.
   
- when searching site, it enables to find exact information what you want to find by the tag. For example, if you have to find main content, you can go straightly to the section and article not header or nav.

- In the aspect related to web accessibility, it is really important. For example, blind people use reader tool as helping tool. Reader tool recognizes where is header or content by the tag.

HTML5 Baisc Structure



This is html basic form.

<!doctype html> means current document is composed of HTML5.

<html> ~ </html> start and end point in the document.

<head> ~ </head> title, keyword, author, related document and etc.

<title> ~ </title> it shows the name of the website on the site bar. 

<body> ~ </body> it contains contents shown on web browser.


Appearance of HTML5

Except Microsoft, other companies like Apple, Opera, Google and etc supported about realistic web standard that not making new standard like XHTML, but extending HTML with dynamic web service, and created WHATWG("Web Hypertext Application Technologies Working Group").

As time passes by, W3C also accepted WHATWG at 2007 and officially, began working group and called "HTML5" from web application 1.0. At the same time, destroy the development of XHTML2.


1989 - Tim Berners Lee created HTML concept-----------------------

1994 - Begin W3C1995 - Suggest HTML2 ---------------------------

1997 - Suggest HTML3.2, HTML41998 - Start web standard progect--------

2000 - Suggest XHTML1 -----------------------------------------

2004 - Start WHATWG-------------------------------------------

2007 - Start HTML working group by W3C-----------------------------

2008 - Announce HTML5------------------------------------------

2009 - End XHTML2 working group by W3C ----------------------------

2014 -announce the proposal of recommendation for HTML5----------------

x