រចនាសម្ព័ន្ធ HTML
រចនាសម្ព័ន្ធ HTML
HTML មានទ្រង់ទ្រាយរចនាសម្ព័ន្ធជាក់លាក់ ដែលត្រូវអនុវត្តតាម:
រចនាសម្ព័ន្ធឯកសារ HTML ពេញលេញ
ពន្យល់អំពីធាតុនីមួយៗ
| ធាតុ | មុខងារ |
|---|---|
<!DOCTYPE html> |
ប្រកាសថានេះជាឯកសារ HTML5 |
<html> |
ធាតុឫសនៃទំព័រ HTML |
<head> |
ផ្ទុកព័ត៌មានអំពីទំព័រ (metadata) |
<title> |
ចំណងជើងទំព័រដែលបង្ហាញលើ browser tab |
<body> |
ផ្ទុកមាតិកាដែលបង្ហាញក្នុងទំព័រ |
ធាតុនៅក្នុង <head>
ធាតុសំខាន់ៗក្នុង head:
<meta charset="UTF-8">- កំណត់ការអានទ្រង់ទ្រាយអក្សរ<meta name="viewport">- កំណត់ការបង្ហាញលើ mobile<title>- ចំណងជើងទំព័រ
ធាតុនៅក្នុង <body>
សំខាន់: រចនាសម្ព័ន្ធត្រឹមត្រូវជួយឱ្យ browser អានកូដបានល្អ និង SEO ប្រសើរ។
Block Elements vs Inline Elements
| Block Elements | Inline Elements |
|---|---|
| ចាប់ផ្តើមជួរថ្មី | នៅតាមជួរតែមួយ |
| ទទឹងពេញទំព័រ | ទទឹងតាមមាតិកា |
<div>, <p>, <h1> |
<span>, <a>, <strong> |