អ្វី​ដែល​អ្នកត្រូវដឹងអំពី HTML5

តើអ្វីទៅជា HTML5 ?

ជា​ទូទៅ​ HTML គឺជាភាសាគ្រឹះដំបូងនៃការ​សរសេរ​កូដ​ដែល​យើងបាន​ស្គាល់​ថា វា​ត្រូវបាន​ប្រើ​ប្រាស់ ដើម្បី បង្ហាញ និង​រៀបចំ​ព័ត៌មាន​នៅលើ គេហទំព័ររបស់យើង ។  សព្វ​ថ្ងៃ​នេះ​ HTML ​ត្រូវបាន​អភិវឌ្ឍន៍ខ្លួនទៅជា HTML5 ​ដែល​វារក្សាសភាពដើមទាំងស្រុង ដូច្នេះ HTML5 ​គ្រាន់តែ​ជា​ស្តង់ដារ​ថ្មីមួយរបស់ HTMLប៉ុណ្ណោះ ដែល​វាជួយ​ឲ្យ​ការ​សរសេរ​កូដមាន​លក្ខណៈ​ល្អ​ប្រសើរ​ជាងមុន ហើយនៅ​ក្នុង​ HTML5 ​ក៏​បាន​បន្ថែម​ Elements មួយចំនួន ដើម្បី​ងាយស្រួល​ប្រើ​ប្រាស់​ជាងមុន ដូចជា​៖  <header>, <footer>, <nav>, <article>, and <section> ជាដើម ។ មិនត្រឹមតែប៉ុណ្ណោះ HTML5 ​ក៏​បាន​បន្ថែម​ attribute type មួយចំនូន​ផងដែរ​ទៅលើ​ Form control ​ដូចជា​៖   number, date, time, calendar, color and range ​ដែល​ជាជំនួយដល់ការ​សរសេរ​កូដ និង ចំណេញ​ពេលវេលាហើយ ANT សូមលើកយក​ទម្រង់​ទាំងនោះ​មក​បង្ហាញ​ដូច​ខាងក្រោម​៖

1. ការ​ប្រើ​ប្រាស់ DOCTYPE

កាលពីមុនយើង​ប្រើ​ប្រាស់ <DOCTYPEs> ​ដែល​ជា​ version ចាស់នៅ​ក្នុង​ HTML  ប៉ុន្តែ​នៅ​ក្នុង​ HTML5 យើង​ប្រើ​ <DOCTYPE html> ជំនួសវិញ ។ ទម្រង់​មួយនេះ​ត្រូវបាន​សរសេរ​នៅ​ផ្នែក​ខាងលើ​បង្អស់ នៃ file ​នៅពេល​ដែល​អ្នក​បង្កើត​ file ដំបូង ដើម្បី​បញ្ជាក់​ថាវាជា HTML5 ។

2.  ការ​ប្រើ​ប្រាស់ meta

 <meta charset=”uft-8”/> វាមាន​តួនាទី​សំខាន់​ក្នុង​ការ Compile កូដ​ដែល​មាន​លក្ខណៈ​ជាសំណុំតួអក្សរ​ដែល​មិនអាច​អានបាន ​ឲ្យ​វា​

​ដំណើរ​ការ ហើយអាចអានបាន ពោលគឺវាអា​ច​ដំណើរ​ការ​អក្សរ​ខ្មែរ ក៏​ដូចជា​ភាសាផ្សេងៗ​បាន ។

3. ទម្រង់​របស់ Element

វាមិនមាន​លក្ខណៈ​ខុស​គ្នា​ពី HTML ធម្មតានោះទេ គឺវាមាន​បើក tag និង បញ្ចប់​ tag ដូច​គ្នា ពោល​គឺ៖

<p>Example</p>

ចំពោះ​ឈ្មោះ​របស់ tag គឺមិនប្រកាន់តួអក្សរនោះទេ អ្នកអាច សរសេរ​ជាអក្សរតូច អក្សរធំ ឬ​សរសេរ​លាយ អក្សរតូច អក្សរធំលាយ​គ្នា​ក៏​បាន ។

<p>…….......………</p>  ឬ​ <P>……………. </P>

<h1>………………</h1> ឬ​ <H1>……………</H1> ។

4. ទម្រង់​របស់ Attribute

នៅ​ក្នុង​ការ​កំណត់​ attribute ទៅ​ឲ្យ​ div element នៅ​ក្នុង​ HTML5 ​ក៏​ដូចទៅនឹង HTML ធម្មតាដែរ ដោយដាក់ដូច​ខាងក្រោម​៖

<div class="example">...</div> ឬ​ <div id="example">...</div> ឬ​ <input type="email">

​ខាងក្រោម​នេះគឺជាឧទាហរណ៍មួយចំនួនស្ដីពីការ​ប្រើ​ប្រាស់ attribute៖

· <input type="color"> សម្រាប់​បង្កើត​ Dialog ពណ៌

· Input type=”date” ​ដែល​មាន Attribute min ជា​តម្លៃ​ទាប​បំផុត និង max ជា​តម្លៃ​ខ្ពស់​បំផុត ហើយវា​ប្រើ​សម្រាប់​

​បញ្ចូល​ថ្ងៃ​ខែ​ឆ្នាំ​

· Input type=”email” វាមាន​តួនាទី​សម្រាប់​ Validate E-mail address ​នៅពេល​ Submit

· Input list & datalist គឺ​សម្រាប់​ដាក់ Search Suggestion ​នៅពេល​យើងវាយអក្សរ Search

· Input pattern & value គឺ​សម្រាប់​ Validate field ​នៅពេល​ដែល​ submit ហើយ Value របស់ pattern យើងអាច​​

​កំណត់​បានតាម​តម្រូវ​ការ ។ ឧទាហរណ៍​ខាងក្រោម​គឺ​កំណត់​ឲ្យ​ User វាយបញ្ជូលបានតែលេខប៉ុណ្ណោះហើយ

ត្រូវវាយ​ឲ្យ​គ្រប់ ៩ តួ​ប្រសិនបើ​ខុសលក្ខខណ្ឌ Form មិន submit ទេហើយ​វានឹង​បង្ហាញ​សារនៅ​​ក្នុង​ attribute

title=”…” ​ដែល​ដូចបាន​បង្ហាញ​ខាងក្រោម​៖

​ចំណាំ​៖ ដោយសារ​តែ HTML5 ជា​ជំនាន់​ថ្មីដូចនេះ Attribute របស់វាមួយចំនួន​មិនអាច​ដំណើរ បានគ្រប់ Browser នោះទេដូចនេះសូមសាកល្បង​ប្រើ​ប្រាស់​ជាមួយ Google Chrome ទើបជាការ ប្រសើរ ។

សូមសាកល្បងដោយខ្លួនអ្នក! ! !