- The Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
*These lines of code called the doctype. it isn’t HTML tag.
*specifies rules for the markup language ,do that the browsers render the content correctly.
*The structure of the web page like as a tree.
*It consist of node (parent) and some child’s that divided into ancestors.
*Elements that don’t have any children’s called leaf node.
- Character Encoding:
-Computers don’t deal with character’s .they deal with bit’s and bytes.
-You can think character encoding as a kind of decryption key for text.
–utf-8 used in HTML for encoding character’s.
-Represent a generic section of a document or application.
–such as: Book divided into section called chapters.
-header element is usually intended to contain section’s heading <h1> ……… <h6>
-HTML5 defines <header> element to get rid of the oldest formula of defining the header ⇒ <dev id=”header”>.
-the new formula will be:
<header> <h1> DEVMIX <h1> </header>
-Represent the heading of the section .
-Acts as wrapper for two or more related heading elements.
<header> <hgroup> <h1> DEVMIX </h1> <h3> HTML5 </h3> </hgroup> </header>
-Presents a self contained composition in document , page , application or site that is intended to be independently
distributable or reusable.
-HTML5 provides a more specific elements for the common case of marking up an article named <article>
<article> <header> <hgroup> <h1> DEVMIX <h1> <h3> HTML5 <h3> </hgroup> </header> </article>
*Date and Time:-
-HTML5 provides the <time> element.
-It consists of 3 parts:
- A machine readable time stamp .
- Human readable text content .
- Optional pubdate flag.
<time date-time=”2011-08-15” pubdate> August 15, 2011 </time>
-to add time:
<time date-time=”2011-08-15T18:59:47” pubdate> August 15, 2011 6:59am </time>
-Navigation bar is one of the important parts of any website.
-HTML5 provide semantic way to mark up navigation section called <nav>
<nav> <ul> <li> <a href=”#” >Home </a> </li> <li> <a href=”#” >contact </a> </li> </ul> </nav>
-HTML5 provide a specific element for footer is called <footer>
-footer contains information about its section , links , copyrights,….
<footer> <p> DEVMIX </p> </footer>By : Mohammed Ashraf