HTML Tutorial - From Beginner to Professional

Browser Compatibility

HTML5 Feature	Chrome	Firefox	Safari	Edge
Semantic Elements	Yes	Yes	Yes	Yes
`<video>`	4.0+	3.5+	3.1+	9.0+
`<canvas>`	4.0+	2.0+	3.1+	9.0+

For complete browser support tables, visit W3Schools Browser Support :cite[1]

<button onclick="alert('Clicked!')">Click Me</button>

<form onsubmit="validateForm()">
  <input type="text" onchange="logChange()">
</form>

DOCTYPE	Usage
`<!DOCTYPE html>`	HTML5 (current standard)
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`	HTML 4.01 Strict
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`	XHTML 1.0 Transitional

Current Best Practice: Always use <!DOCTYPE html> for HTML5 documents :cite[5]:cite[8]

<meta charset="UTF-8">  <!-- HTML5 -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  <!-- Legacy -->

<html lang="en">  <!-- Document language -->
<span lang="fr">Bonjour</span>  <!-- Inline language -->

<form method="POST" action="/submit">
  <!-- Form content -->
</form>