Scribd
Upload
70 views16 pages

HTML5: A Guide for Web Developers

HTML5 is the newest version of HTML that adds new semantic elements, forms, multimedia features and drawing capabilities. It aims to improve web development by reducing the need for plugins, improving semantics, and making content rendering universal across devices. Key features include new elements like <article>, <footer>, <nav>, <video>, <audio>, the <canvas> element for drawing, and new form input types. It also simplifies HTML syntax and removes outdated elements from older versions of HTML.

Uploaded by

Srinu Reddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
70 views16 pages

HTML5: A Guide for Web Developers

HTML5 is the newest version of HTML that adds new semantic elements, forms, multimedia features and drawing capabilities. It aims to improve web development by reducing the need for plugins, improving semantics, and making content rendering universal across devices. Key features include new elements like <article>, <footer>, <nav>, <video>, <audio>, the <canvas> element for drawing, and new form input types. It also simplifies HTML syntax and removes outdated elements from older versions of HTML.

Uploaded by

Srinu Reddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 16

HTML

By
G. KHIRASINDHU REDDY
180101120053
Guided by

Prof. NILAMADHABA DASH


AGENDA
 What is HTML5 ?

 Goals of HTML5.

 New elements in HTML5

 New features in HTML5.

 Input types of HTML5.

 Comparisons with older versions.


What is HTML5 ?
● HTML5 is the newest version of HTML, only recently gaining partial support
by the makers of web browsers.

● It incorporates all features from earlier versions of HTML, including the stricter
XHTML.

● It adds a diverse set of new tools for the web developer to use.
HTML5
GOALS OF HTML5
● Support all existing web pages. With HTML5, there is no requirement to go
back and revise older websites.

● Reduce the need for external plugins and scripts to show website Content.

● Improve the semantic definition (i.e. meaning and purpose) of page Elements.

● Make the rendering of web content universal and independent of the device
being used.

● Handle web documents errors in a better and more consistent fashion.


New Elements in HTML5
<figcaption> <progress> <article>
<footer> <section> <aside>
<header> <source> <audio>
<hgroup> <svg> <canvas>
<mark> <time> <datalist>
<nav> <video> HTML <figcaption> Tag
<figure>
Other New Features in HTML5
• Built-in audio and video support (without plugins)

• Enhanced form controls and attributes

• The Canvas (a way to draw directly on a web page)

• Drag and Drop functionality

• Support for CSS3 (the newer and more powerful version of CSS)

• More advanced features for web developers, such as data storage and offline applications.
The <html> Element
This is what the <html> element looked like in XHTML:

HTML5 simplifies this line:


The <head> Section
Here is a typical XHTML <head> section :

And the HTML5 version:


Basic HTML5 Web Page
Audio & video
<audio>
● HTML5 defines a new element which specifies a standard way to embed an
audio file on a web page.
<audio attributes>
<video>

HTML5 defines a new element which specifies a standard way to embed a video/movie
on a web page:
<video attributes>
Canvas
Creating a canvas Element
HTML5: Input types
HTML5 has several new input types for forms.
• email
• url
• number
• range
• date pickers (date, month, week, time,
datetime, datetime-local)
• search
• color
COMPARISON WITH OLDER VERSIONS
• HTML5 Is a Work in Progress
• Simplified Syntax
• The New <canvas> Element
• The <header> and <footer> Elements
• New <section> and <article> Elements
• New <menu> and <figure> Elements
• New <audio> and <video> Elements
• New Forms
• No More <frame>, <center>, <big>

You might also like