Skip to content
preservelog

Introduction— Overview of HTML

What is HTML5?

Section titled “What is HTML5?”
  • Overview of HTML5
    • Introduction to HTML5
    • HTML is a  markup language  that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicise words, can make the font bigger or smaller, and so on. For example, take the following line of content:

A markup language is a text-encoding system which specifies the structure and formatting of a document and potentially the relationship between its parts.Markup can control the display of a document or enrich its content to facilitate automated processing.

  • History and Evolution from HTML4
    • Brief history of HTML versions

Tim Berners-Lee, a physicist at the CERN research institute in Switzerland invented HTML in 1991. This first version consisted of 18 HTML tages. Now, there are currently about 140 HTML tags, although not all of them are supported by modern browsers.

  • Key milestones in HTML development

  • 1991- Tim Berners-Lee invents HTML 1.0

  • 1993- HTML 1.0 is released. Not many developers are creating websites at this time.

  • 1995- HTML 2.0 is published. This contains the features of HTML 1.0 plus new features. This remained the standard markup language for designing and creating websites until 1997.

  • 1997- HTML 3.0 was invented. Here, Dave Raggett introduced a fresh draft on HTML, which improved new features of HTML and gave more powerful characteristics for webmasters in designing websites. Unfortunately, the powerful features slowed down the browser in applying further improvements.

  • 1999- The widely-used HTML 4.0 comes out. It is very successful.

  • 2014- HTML 5.0 is released and used worldwide. It is said to be the extended version of HTML 4.01 which was published in 2012.

  • Key Features and Benefits of HTML5

    • Simplified syntax and new elements
    • Improved multimedia support
    • Enhanced performance and efficiency

  • Differences between HTML4 and HTML5

Here are the key differences between HTML4 and HTML5:

  1. Doctype Declaration:

    • HTML4: Long and complex
    • HTML5: Simple <!DOCTYPE html>

  2. Character Encoding:

    • HTML4: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    • HTML5:

    <meta charset="UTF-8">

  3. New Semantic Elements:

    • HTML5 introduced:
    <header> <nav>, <article>, <section>, <aside>, <footer>

  4. Multimedia Support:

    • HTML5: Native support for <audio> and <video> elements

  5. Canvas and SVG:

    • HTML5: Introduced <canvas> for 2D drawing and better SVG support

  6. Form Enhancements:

    • HTML5: New input types (date, time, email, url, etc.) and form validation

  7. Local Storage:

    • HTML5: Introduced localStorage and sessionStorage

  8. Offline Web Applications:

    • HTML5: Supports offline web applications

  9. Geolocation:

    • HTML5: Supports geolocation API

  10. Web Workers:

    • HTML5: Supports background processing with Web Workers

  11. Drag and Drop:

    • HTML5: Native support for drag and drop

  12. Removed Elements:

    • HTML5 removed: <frame>, <frameset>, <noframes>, <acronym>, <font>, <big>, <center>

  13. Improved Accessibility:

    • HTML5: Better support for screen readers and assistive technologies

  14. Mobile Friendly:

    • HTML5: Designed with mobile devices in mind

  15. Cleaner Code:

    • HTML5: Allows for cleaner, more semantic markup

These changes in HTML5 aimed to improve web standards, provide better structure, enhance multimedia support, and offer more native browser capabilities.

https://www.c-sharpcorner.com/UploadFile/75a48f/html-5-web-sql-database/

  • Use cases and applications