Coder Baba

286 views06:28

304 views06:29

HTML 5
It is the latest revision of the HTML or Latest version of HTML with New tags ,features & functionality.
Developed by World Wide Web Consortium (W3C) & Web Hypertext Application Technology Working Group (WHATWG) .
HTML 5 comes with a lot of flexibility & it supports the following Features
1. Uppercase tag names.
2. Quotes are optional for attributes.
3. Attribute values are optional.
4. Closing empty elements are optional.
Features of HTML5:
HTML5 introduces a number of new elements and attributes that can help you in building modern websites.
 New Semantic Elements: support some more block level elements such as <header>, <footer> & <section> .
 FORM 2.0:- improvements to HTML web forms where new attributes have been introduced for <input> tag.
 Persistent Local Storage: HTML5 Provides more storage for loading or refreshing the web page, immediately, it enhances the user’s web experience.
 Web Socket:- HTML5 uses a new & Next Generation bidirectional communication technology for web applications.
 Server Sent Events: HTML5 introduces events, which flow from web server to the web browsers, and they are called server-sent events (SSE).
 Canvas: HTML5 offers canvas that supports a two dimensional drawing surface (2D object/image).
 Audio & Video: we can directly embed audio and video on our webpage .
 Geo-Location: now visitors can choose to share their physical location with our web application.
 Drag and drop:- drag and drop the items from one location to another location on the same webpage.
New Tags of HTML5:
1. <nav>: used to create navigation links/menu.
2. <header>: represents the header of a section. We can use it to define header of a page or section.
3. <footer>:- represents footer of a section and can contain information about the author, copyright information etc.
4. <article> this tag represents an independent piece of content of a document, such as a blog or article.
5. <section> :- represent a standard document section. It can be used together with header element, h1 to h6, as its child to indicate the document structure.
6. <aside> : this tag represent a piece of contenet that is only slightly related to the rest of the page. Asides are frequently presented as sidebars or call out boxes.
7. <dialog> :- used to mark up a conversation. It represents a dialog box or other interactive component, such as a dismissible alert, or sub window.
8. <figure> :- this tag can be used to associate a caption together with some embedded content, such as a graphic or video.

317 views07:11