How will the key features of HTML5 work, contrast to HTML4? [closed]

StackOverflow https://stackoverflow.com/questions/2108767

  •  22-09-2019
  •  | 
  •  

Question

Please write code. How will HTML5 code differ from HTML4?

Was it helpful?

Solution

Read

HTML 5 differences from HTML 4

OTHER TIPS

One example borrowed from: A List Apart - A Preview of HTML 5:

HTML 4:

<body>
  <div id="header">...</div>
  <div id="nav">...</div>
  <div class="article">
    <div class="section">
      ...
    </div>
  </div>
  <div id="aside">...</div>
  <div id="footer">...</div>
</body>

HTML 5 adds new elements to specifically identify each of these common constructs:

<body>
  <header>...</header>
  <nav>...</nav>
  <article>
    <section>
      ...
    </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>

These elements are summarized as follows:

  • section: A part or chapter in a book, a section in a chapter, or essentially anything that has its own heading.
  • header: The page header shown on the page; not the same as the head element.
  • footer: The page footer where the fine print goes; the signature in an e-mail message.
  • nav: A collection of links to other pages.
  • article: An independent entry in a blog, magazine, compendium, and so forth.
  • aside: For content that is tangentially related to the content around it, and is typically useful for marking up sidebar

Compare these two files:

A detailed explanation can be found in chapter 3 of Dive Into HTML5, titled “What Does It All Mean?”.

To start with one of the possible HTML 4 doctypes are as follows:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

And the HTML5 doctype is this:

<!doctype html>

The w3 have an article on the differences between the two specifications, lets remember that the HTML5 specification is not finalised yet, and is subject to change.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top