Web development
Semantic HTML and Forms
Updated Oct 28, 2026
Use semantic elements such as header, nav, main and footer where they fit the content. Give informative images descriptive alt text; decorative images can use an empty alt. Use table headers for tabul
What you’ll learn
Understand and practise semantic html and forms.
Explanation
Use semantic elements such as header, nav, main and footer where they fit the content. Give informative images descriptive alt text; decorative images can use an empty alt. Use table headers for tabular data. Connect each form control to a label using matching for and id values.
ប្រើធាតុមានន័យដូចជា main និង nav។ រូបភាពដែលផ្ដល់ព័ត៌មានត្រូវមាន alt ពន្យល់។ ភ្ជាប់ label ទៅ form control ដោយ for និង id ដូចគ្នា។
Example
<label for="name">Name</label> <input id="name" name="name">
Practice
Why label a form input?
Answer and explanation
Show answer / បង្ហាញចម្លើយ
A label identifies the control for all users, including screen-reader users.
Quick recap
Use semantic elements such as header, nav, main and footer where they fit the content.