HTML5 Essential Tags For Web Development

<!DOCTYPE html> defines HTML5 document type & version, ensuring standards mode rendering. HTML5 introduces semantic tags like <header>, <article>, <footer> for meaningful structure. Non-semantic tags like <div> and <span> are generic containers.

1. What is <!DOCTYPE html> in HTML5?

The <!DOCTYPE html> declaration defines the document type and version of HTML. In HTML5, it ensures that the browser renders the page in standards mode.
Example:

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Page</title>
</head>
<body>
    <h1>Welcome to HTML5</h1>
</body>
</html>

    
    

    
    




  
  
  2. Difference between <div> and <span> in HTML

``: A block-level element used for grouping elements.
``: An inline element used for styling part of text or grouping inline elements.

Example:

<div style="background-color: lightblue;">This is...

Read the full article