Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • HTML 5

    Загружено:

    meerugupta
    8K просмотров24 страницы
    HTML5 is the new standard for HTML, XHTML, and the HTML DOM. HTML5 is a cooperation between the World Wide Web consortium W3C and the Web Hypertext Application Technology Working Group (WHATWG) HTML5 uses a streamlined character set called UTF-8 and you define it with just one meta tag.

    Исходное описание:

    Оригинальное название

    HTML 5 PPT

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PPT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    HTML5 is the new standard for HTML, XHTML, and the HTML DOM. HTML5 is a cooperation between the World Wide Web consortium W3C and the Web Hypertext Application Technology Working Group (WHATWG) HTML5 uses a streamlined character set called UTF-8 and you define it with just one meta tag.

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PPT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    8K просмотров24 страницы

    HTML 5

    Загружено:

    meerugupta
    HTML5 is the new standard for HTML, XHTML, and the HTML DOM. HTML5 is a cooperation between the World Wide Web consortium W3C and the Web Hypertext Application Technology Working Group (WHATWG) HTML5 uses a streamlined character set called UTF-8 and you define it with just one meta tag.

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PPT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 24

    Introduction of

    Group Members:Meeru Gupta Gurpreet Kaur Jyoti Batra Jaskiran Kaur

    Contents
    O What is HTML? O What is HTML5? O How did HTML5 get started? O History of HTML5 O Whats new in HTML5? O Advantages of HTML5 O Difference of HTML5 with HTML4 O Web sites that using HTML5 O Browser Support O HTML5 Tags O References

    What is HTML?
    O A Web Page is created using a

    called, Hypertext Markup Language, better known as HTML Code.


    O HTML is

    languag+e

    used to define the structure and layout of a Web page. not a programming language, it is a markup language

    O HTML is

    O File Extension :- .html or .htm

    What is
    O HTML 5 is the next version of Hyper Text

    Markup Language(HTML4)
    O It is developing by World Wide Web

    consortium W3C and WHATWG.


    O HTML5 will be the new standard for

    HTML, XHTML, and the HTML DOM.


    O The previous version of HTML came in

    HTML5 Logo

    1999. The web has changed a lot since then.

    How Did HTML5 Get Started?


    O HTML5 is a cooperation between the World Wide Web

    Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).
    O WHATWG was working with web forms and applications, and O W3C was working with XHTML 2.0. O In 2006, they decided to cooperate and create a new version of

    HTML.

    History of
    O 1992 O 1993 O 1994 O 1996 O 1997 O 1999 O 2000 O 2001 O 2002 O 2003

    HTML is first defined HTML+ (some physical layout, fill-out forms, tables, math) HTML2.0 and HTML 3.0 HTML 3.2 HTML 4.0 (separates structure and presentation with stylesheets) HTML 4.01 (slight modifications only) XHTML 1.0 (XML version of HTML 4.01) XHTML 1.1 XHTML 2.0 HTML 5 (to extend HTML 4's forms to provide many of the features the XForms 1.0 introduced)

    What s New in
    O New Doctype and Charset O New Structure O New Inline Elements O New Dynamic Pages Support O New Form Types O New Elements O Removes Some Elements

    New Doctype and Charset


    O You can use the HTML 5 doctype, which is very simple and

    streamlined: <!doctype html>


    O The character set for HTML 5 is streamlined as well. It uses

    UTF-8 and you define it with just one meta tag: <meta charset="UTF-8">

    New Structure
    In general, Web pages have navigation, body content, and sidebar content plus headers, footers, and other features. The tags for this are:O <section> O <header> O <footer> O <nav> O <article> O <aside> O <figure>

    New Inline elements and Dynamic support


    New Inline Elements O <mark> O <time> O <meter> O <progress> New Dynamic Pages Support O Context menus O async attribute O <details> O <datagrid> O <menu> O <command>

    New Form types and Other elements


    New Form Types
    O HTML

    New Elements
    O <canvas> - an element to give

    O O O O O O O O O O

    5 supports all the standard form input types, but it adds a few more: datetime datetime-local date month week time number range email url

    you a drawing space in JavaScript on your Web pages.


    O <video> - add video O <audio> - add sound to your Web

    pages

    Removes Some Elements


    There are also some elements in HTML 4 that will no longer be supported by HTML 5. O acronym O applet O basefont O big O center O dir O font
    O frame O frameset O isindex O noframes O noscript O s O strike O tt O u

    To Quote or not to Quote


    O HTML5 is not XHTML. You dont have to wrap your attributes in quotation

    marks if you dont want to you.

    <img src = DSC00624.jpg alt = About image /> OR <img src = DSC00624.jpg alt = About image />
    O Make up your own mind on this one. If you prefer a more structured

    document, by all means, stick with the quotes.

    Make your Content Editable


    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>untitled</title> </head> <body> <h2> To-Do List </h2> <ul contenteditable="true">
    <li> Gurpreet Kaur(155) </li> <li> Meeru Gupta <li> Jyoti Batra </li> <li> Jaskiran Kaur </li> </ul> </body> </html>

    Email Inputs
    <!DOCTYPE html> <html lang="en"> <body> <form action="" method="get"> <label for="email">Email:</label> <input id="email" name="email" type="email" /> <button type="submit"> Submit Form </button> </form> </body> </html>

    Video Format HTML tags input


    <!DOCTYPE HTML> <html> <body> <video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video> </body> </html>

    Audio tag- input


    <!DOCTYPE HTML> <html> <body> <audio src="song.ogg" controls="controls"> Your browser does not support the audio element. </audio> </body> </html>

    New Tags in HTML5


    Tag <article>New <aside>New <audio>New <canvas>New <command>New <datalist>New <details>New <dialog>New <embed>New <figure>New <footer>New <header>New <hgroup>New Description Defines an article Defines content aside from the page content Defines sound content Defines graphics Defines command button Defines a dropdown list Defines details of an element Defines a dialog (conversation) Defines external interactive content or plugin Defines a group of media content, and their caption Defines a footer for a section or page Defines a header for a section or page <rt>New <ruby>New <section>New <source>New <time>New <rp>New Used in ruby annotations to define what to show browsers that to not support the ruby element. Defines explanation to ruby annotations. Defines ruby annotations. Defines a section Defines media resources Defines a date/time Defines a video <keygen>New <mark>New <meter>New <nav>New <output>New <progress>New Defines a generated key in a form Defines marked text Defines measurement within a predefined range Defines navigation links Defines some types of output Defines progress of a task of any kind

    Defines information about a section in a <video>New document

    O Mutuality O Cleaner markup / Improved Code O Improved Semantics O Elegant forms O Consistency O Improved Accessibility O Fulfill the need of Web application O Offline Application cache O Client-side database O Geolocation support

    Difference between HTML4 and HTML5


    HTML4 Elements like nav, header were not present. Lack of rules of parsing, so it is difficult to handle error. No multimedia supported without third party It was not available HTML5 It brought new element for web structure like nav, header etc Strictly parsing rules introduced in html5 to handle the error. Inbuilt multimedia element in html5 like Audio,video,convas It contains attributes like control menu, spell check etc.

    Web sites that using HTML5


    O YouTube uses HTML5 O Google wave, a collaboration tool from Google uses several

    html5 tags.
    O Only some of the browser only supports HTML5 features

    currently.

    Browser Support
    O HTML5 is not yet an official standard, and no browsers have full HTML5

    support.
    O But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer)

    continue to add new HTML5 features to their latest versions.


    O Currently only Apples Safari is fully HTML 5 ready. O Mozilla Firefox 3.5 supports the new coding but is not 100% compatible

    References
    O http://en.wikipedia.org/wiki/HTML O http://www.w3.org O http://www.whatwg.org O http://www.w3schools.com

    Вам также может понравиться