Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML 5 by Usmansing

    Transféré par

    niaz
    26 vues17 pages
    This document provides an overview of HTML 5 including its features, development, differences from HTML 4, new and replaced elements. Some key points: - HTML 5 adds new features like offline storage, real-time communication, drag and drop, and improved multimedia support. It was developed by the WHATWG organization. - HTML 5 improves on HTML 4 by including audio/video support and new input types. Elements like <header>, <footer>, and <nav> were added to make code more semantic. - HTML 5 removes elements like <acronym> and <frame> while replacing others like <abbr>. It also introduces new multimedia and graphic elements such as <video>, <audio>, and <canvas>.

    Description originale:

    HTML 5 MATERIAL DETAILED DESCRIPTION IN THIS FILE.

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    This document provides an overview of HTML 5 including its features, development, differences from HTML 4, new and replaced elements. Some key points: - HTML 5 adds new features like offline storage, real-time communication, drag and drop, and improved multimedia support. It was developed by the WHATWG organization. - HTML 5 improves on HTML 4 by including audio/video support and new input types. Elements like <header>, <footer>, and <nav> were added to make code more semantic. - HTML 5 removes elements like <acronym> and <frame> while replacing others like <abbr>. It also introduces new multimedia and graphic elements such as <video>, <audio>, and <canvas>.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    26 vues17 pages

    HTML 5 by Usmansing

    Transféré par

    niaz
    This document provides an overview of HTML 5 including its features, development, differences from HTML 4, new and replaced elements. Some key points: - HTML 5 adds new features like offline storage, real-time communication, drag and drop, and improved multimedia support. It was developed by the WHATWG organization. - HTML 5 improves on HTML 4 by including audio/video support and new input types. Elements like <header>, <footer>, and <nav> were added to make code more semantic. - HTML 5 removes elements like <acronym> and <frame> while replacing others like <abbr>. It also introduces new multimedia and graphic elements such as <video>, <audio>, and <canvas>.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 17

    HTML 5.

    0
    By
    Usman sing

    Drawbacks of HTML 4
    Not supporting graphics
    Poor in video/audio support
    Required external plugins to run flash,

    media controls.
    Very few input controls are available
    Need to use external language like
    JavaScript to validate controls.
    Does not support 2D and 3D animations.

    HTML 5 Features
    Offline storage
    Real time communication
    Powerful web workers
    Web sockets
    Drag and Drop Features
    Multimedia
    Graphics
    Canvas

    Who Developed HTML 5 ?


    WHATWG

    ( Web Hypertext Application Technology


    Working Group).
    This Organization develop HTML 5 language for
    Mobile
    Application.
    In the year 2011 HTML 5 released in the market.
    WHATWG is one popular organization to develop
    advance web application it was founded by three
    individuals,
    1) Apple Corporation.
    2) Mozilla Foundation.
    3) Opera Software Organization

    Difference between HTML 4 &


    HTML5
    HTML 4

    HTML 5

    It is a older version

    It is a new version

    Audio & Video are not a part of


    html

    Audio & Video are the integral


    part of html5

    In html 4.0 we use a tag <!


    Doctype>

    We use a tag <!Doctype


    html>

    Web Sockets are not available

    Web Sockets are available & it


    also provide a full duplex
    communication

    HTML work with all old version

    But html5 work with all new


    versions such as opera ,
    chrome, safari.

    <acronym> tag is supported by <acronym> tag is not


    html
    supported by html 5 instead of
    we use <abbr> tag.
    <applet> tag are supported by
    html

    It is not supported in html 5


    instead of this tag we use a

    Disadvantages of Frames
    Frameset not a search engine friendly
    Frameset is not url friendly
    Frames are not accessible
    Linking issues
    The users back button often doesnt work
    Frames create problem with printing
    Some browser do not support frames

    HTML 4 Some Elements


    Removed
    <acronym>
    <applet>
    <base font>
    <big>
    <center>
    <dir>
    <font>
    <frame>
    <frameset>
    <no frames>
    <strike>
    <tt>
    <u>

    HTML 5
    Semantic elements like
    <header>
    <footer>
    <article>
    <section>
    <nav>
    Control attributes like
    Number , date ,time , calendar.
    Graphic elements like
    <svg> & <canvas>
    Multimedia Elements
    <audio> & <video>

    Migration HTML4 to HTML 5


    HTML 4

    HTML 5

    <div id = header>

    <header>

    <div id = menu>

    <nav>

    <div id = content>

    <section>

    <div id = post>

    <article>

    <div id = footer>

    <footer>

    Contents Changed in HTML


    5
    In html 4
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML

    4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    In html 5
    We use <!DOCTYPE html>
    In html 4
    <meta http-equiv="Content-Type"
    content="text/html;charset=utf-8">
    In html 5
    <meta charset = utf-8>

    Contents Changed in HTML 5


    In html 4
    <script type =text/javascript>
    In html 5
    No need to write text/javascript . Simply
    <script> </script>
    In html 4
    <html xmlns="http://www.w3.org/1999/xhtml"

    lang="en" xml:lang="en.
    In html 5
    <html lang = en.

    HTML 5 Replaced Elements


    <abbr>
    <object>
    <iframe>
    <del>
    <pre>

    HTML 5 New Elements


    <article>

    Defines content aside from the page content


    <aside> Defines content aside from the page content
    <bdi> Defines a part of text that might be formatted in a different
    direction
    <bdo>
    <details> Defines additional details that the user can view or hide
    <summary> Defines a visible heading for a <details> element
    <figure> Defines self-contained content, like illustrations, diagrams,
    photos
    <figcaption> Defines a caption for a <figure> element.
    <footer> Defines a footer for the document or a section
    <header> Defines a header for the document or a section
    <nav> Defines navigation links in the document
    <section> Defines a section in the document
    <wbr> Defines a possible line-break

    HTML 5 INLINE Elements


    <meter> Defines a scalar measurement

    within a known range (a gauge)


    <mark> Defines marked or highlighted
    text
    <progress> Defines the progress of a task
    <time> Defines a date/time

    New Input Types in HTML 5


    Email
    Month
    Number
    Date
    Datetime
    Datetime-local
    Color
    Search
    Range
    Tel
    Time
    url
    Week
    Datalist

    PRACTICLES ON HTML 5
    How to achieve the removed elements in

    html 4 ?
    Migration html 4 to html 5.
    Practical on semantic elements in html 5.
    Practical on inline elements in html 5.
    Practical on input types in html 5.

    THANK YOU
    BY
    USMAN SING

    Vous aimerez peut-être aussi