HyperText Markup Language (HTML) is the primary markup language for web pages. HTML5 is the version of HTML. There are lots of differences that are given in HTML5. The main difference between HTML and HTML 5 is that video and audio are not part of HTMLwhile these both are integral parts of HTML5specifications.
Difference in Tags:
<!DOCTYPE html> : In HTML 4.01, there are three different <!DOCTYPE> declarations but In HTML 5 there is only one <! DOCTYPE html>
<a >: In HTML 4.01, the <a> tag could be either a hyperlink or an anchor. In HTML5, the <a> tag is always a hyperlink, but if it has no href attribute, it is only a placeholder for a hyperlink.
<acronym> : The <acronym> tag is not supported in HTML5. Use the <abbr> tag instead. The <acronym> tag was used to define acronyms in HTML 4.01.
<applet>: The <applet> tag is not supported in HTML5. Use the <object> tag instead.
<strong>: In HTML 4.01, the <strong> tag defines strong emphasized text, but in HTML5 it defines important text.
<body> : In HTML5, all <body> specific attributes are removed, while in HTML 4.01 they were deprecated.
<hr>: In HTML 4.01, the <hr> tag represented a horizontal rule. In HTML5, the <hr> tag defines a thematic break. The <hr> element is used to separate content (or define a change) in an HTML page.
<map> : In HTML5, if the id attribute of the <map> tag is also specified, it must have the same value as the name attribute.
Read More:
HTML5 has a new attribute, charset, which makes it easier to define charset:
HTML 4.01: <Meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5 : <meta charset="UTF-8”>
<script> : The "type" attribute is required in HTML 4, but optional in HTML5.
<small > : In HTML 4.01 the small element is displayed as smaller text. In HTML5 the small element defines small text and other side comments, and is displayed as smaller text.
<table>: Only the "border" attribute is supported in HTML5, and it only allows the values " " or "1".
New Semantic/Structural Elements:
HTML5 offers new elements for better structure:
<article> : Defines an article
<aside> : Defines content aside from the page content
<bdi> : Isolates a part of text that might be formatted in a different
direction from other text outside it
<command> : Defines a command button that a user can invoke
<details> : Defines additional details that the user can view or hide
<summary> : Defines a visible heading for a <details> element
<figure> : Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> : Defines a caption for a <figure> element
<footer> : Defines a footer for a document or section.
<header> : Defines a header for a document or section
<hgroup> : Groups a set of <h1> to <h6> elements when a heading has multiple levels.
<mark> : Defines marked/highlighted text.
<meter> : Defines a scalar measurement within a known range (a gauge).
<nav> : Defines navigation links.
<progress> : Represents the progress of a task.
<ruby> : Defines a ruby annotation (for East Asian typography).
<rt> : Defines an explanation/pronunciation of characters (for East Asian typography).
<rp> : Defines what to show in browsers that do not support ruby annotations
<section> : Defines a section in a document
<time> : Defines a date/time
<wbr> : Defines a possible line-break .
New Media Elements :
HTML5 offers new elements for media content:
<audio> : Defines sound content.
<video> : Defines a video or movie.
<source> : Defines multiple media resources for <video> and <audio>.
<embed> : Defines a container for an external application or interactive content (a plug-in).
<track> : Defines text tracks for <video> and <audio>.
Difference in Tags:
<!DOCTYPE html> : In HTML 4.01, there are three different <!DOCTYPE> declarations but In HTML 5 there is only one <! DOCTYPE html>
<a >: In HTML 4.01, the <a> tag could be either a hyperlink or an anchor. In HTML5, the <a> tag is always a hyperlink, but if it has no href attribute, it is only a placeholder for a hyperlink.
<acronym> : The <acronym> tag is not supported in HTML5. Use the <abbr> tag instead. The <acronym> tag was used to define acronyms in HTML 4.01.
<applet>: The <applet> tag is not supported in HTML5. Use the <object> tag instead.
<strong>: In HTML 4.01, the <strong> tag defines strong emphasized text, but in HTML5 it defines important text.
<body> : In HTML5, all <body> specific attributes are removed, while in HTML 4.01 they were deprecated.
<hr>: In HTML 4.01, the <hr> tag represented a horizontal rule. In HTML5, the <hr> tag defines a thematic break. The <hr> element is used to separate content (or define a change) in an HTML page.
<map> : In HTML5, if the id attribute of the <map> tag is also specified, it must have the same value as the name attribute.
Read More:
- HTML5 Interview Advanced Level Questions And Answers
- What are the differences between HTML and HTML5? Which is better?
HTML5 has a new attribute, charset, which makes it easier to define charset:
HTML 4.01: <Meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5 : <meta charset="UTF-8”>
<script> : The "type" attribute is required in HTML 4, but optional in HTML5.
<small > : In HTML 4.01 the small element is displayed as smaller text. In HTML5 the small element defines small text and other side comments, and is displayed as smaller text.
<table>: Only the "border" attribute is supported in HTML5, and it only allows the values " " or "1".
New Semantic/Structural Elements:
HTML5 offers new elements for better structure:
<article> : Defines an article
<aside> : Defines content aside from the page content
<bdi> : Isolates a part of text that might be formatted in a different
direction from other text outside it
<command> : Defines a command button that a user can invoke
<details> : Defines additional details that the user can view or hide
<summary> : Defines a visible heading for a <details> element
<figure> : Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> : Defines a caption for a <figure> element
<footer> : Defines a footer for a document or section.
<header> : Defines a header for a document or section
<hgroup> : Groups a set of <h1> to <h6> elements when a heading has multiple levels.
<mark> : Defines marked/highlighted text.
<meter> : Defines a scalar measurement within a known range (a gauge).
<nav> : Defines navigation links.
<progress> : Represents the progress of a task.
<ruby> : Defines a ruby annotation (for East Asian typography).
<rt> : Defines an explanation/pronunciation of characters (for East Asian typography).
<rp> : Defines what to show in browsers that do not support ruby annotations
<section> : Defines a section in a document
<time> : Defines a date/time
<wbr> : Defines a possible line-break .
New Media Elements :
HTML5 offers new elements for media content:
<audio> : Defines sound content.
<video> : Defines a video or movie.
<source> : Defines multiple media resources for <video> and <audio>.
<embed> : Defines a container for an external application or interactive content (a plug-in).
<track> : Defines text tracks for <video> and <audio>.
Post a Comment