Hi All,
HTML5 is much smarter, so its need simple syntax to specify it, Few of them are below:
- Quotes are optional for attributes.
- Uppercase tag names.
- Closing empty elements are optional.
- Attribute values are optional.
DOCTYPE -
In the older version of HTML, we need to write a long like to declare DOCTYPE because HTML is SGML(Standard Generalized Markup Language) based so its need a DTD (document type definition).
<!DOCTYPE html>
In HTML5 we need to explain the content type, html5 has dropped this feature. In earlier, it was needed to explain like script and link(stylesheet)
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
and now below will work for you.
<script src="script.js"></script>
<link rel="stylesheet" href="style.css">
HTML5 Semantic Element -
- HTML5 introduced some new elements for better structure −
- Section − Section element is used for application section.
- Header − This is used for header.
- Footer − This is used for footer.
- Nav − nav is used for navigation area, it hold menu(s).
- Article − Article is used for an independent box of content like as blog entry or article text.
- Aside − This is used in slightly related div to rest of the page.
- Figure − This tag can be used for a graphic, video or an image. figure caption work together with it and can hold some embedded content.
A demo of htm5 semantic element -
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
</head>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<figure>...</figure>
<footer>...</footer>
</body>
</html>
0 Comment(s)