Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

This blog is part of 1 Tute Sets.

HTML5 Tutorial
Tute set by mukul.kant
5 Blogs

  • Chapter 2: HTML5 syntax

    @mukul.kant
    Recommendations Offline Message

    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 462
    Comment on it

    Hi All,

     HTML5 is much smarter, so its need simple syntax to specify it, Few of them are below:

    • Quotes are optional for attributes.
    • Uppercase tag names.
    • Closing empty elements are optional.
    • Attribute values are optional.

       

    DOCTYPE  -

    In the older version of HTML, we need to write a long like to declare DOCTYPE because HTML is SGML(Standard Generalized Markup Language) based so its need a DTD (document type definition).

    <!DOCTYPE html>

    In HTML5 we need to explain the content type, html5 has dropped this feature. In earlier, it was needed to explain like script and link(stylesheet)

    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">

    and now below will work for you.

     

    <script src="script.js"></script>
    <link rel="stylesheet" href="style.css">


    HTML5 Semantic Element -

    • HTML5 introduced some new elements for better structure −
    • Section − Section element is used for application section.
    • Header − This is used for header.
    • Footer − This is used for footer.
    • Nav − nav is used for navigation area, it hold menu(s).
    • Article − Article is used for an independent box of content like as blog entry or article text.
    • Aside − This is used in slightly related div to rest of the page.
    • Figure − This tag can be used for a graphic, video or an image. figure caption work together with it and can hold some embedded content.


    A demo of htm5 semantic element -

    <!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>...</title>
   </head>
    
   <body>
      <header>...</header>
      <nav>...</nav>
        
      <article>
         <section>
            ...
         </section>
      </article>
        
      <aside>...</aside>
      <figure>...</figure>
      <footer>...</footer>
      
   </body>
</html>
    HTML5 syntax html5 element HTML5 html
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: