HTML5
ការណែនាំឱ្យស្គាល់ HTML5 (Introduction to HTML5)
ស្អីគេ HTML ហ្នឹង?
HTML គឺជាភាសាមួលដ្ឋានគ្រិះសម្រាប់ធ្វើការបង្កើតគេហទំព័រដែលមានលក្ខណៈនៅនឹងមួយកន្លែង (Static) …
- HTML មកពីពាក្យថា Hyper Text Markup Language
- HTML មិនមែនជាភាសា programming ទេ វាគឺជា Markup Language
- Markup language គឺជាការបញ្ចូល ឬរៀបចំ សម្រាប់តុបតែង tags (tags មាននៅមេរៀនបន្ទាប់)
- HTML ប្រើសម្រាប់តុបតែង tags បង្កើតគេហទំព័រ
HTML5 គឺជាអ្វី?
HTML5 គឺជាមកដល់ថ្មីរបស់ HTML, XHTML, និង HTML DOM.
ជំនាន់ចាស់របស់ HTML (HTML4) ត្រូវបានបង្កើតឡើងតាំងពីឆ្នាំ ១៩៩៩ មកម្ល៉េះ។
HTML5 គឺនៅតែដំណើរការទៅមុខជារៀងរហូត។ មានន័យថាភាគច្រើនវាដំណើរការ (Support) ជាមួយនឹង Browser ប្រភេទថ្មីៗ។
HTML5 ខុសពីជំនាន់ចាស់ដូចម្តេចខ្លះ?
- The canvas element for drawing
- The video and audio elements for media playback
- Better support for local offline storage
- New content specific elements, like article, footer, header, nav, section
- New form controls, like calendar, date, time, email, url, search
តើ Browser ណាខ្លះដែល HTML5 អាចដំណើរការបាន?
Browser គឺជាកម្មវិធីទាំងឡាយណាដែលអាចដំណើរការវ៉ិបសាយបាន … ។
ចំពោះ HTML5 វិញ Browser ដែលអាចដំណើរការវាបានមានតែ Browser ជំនាន់ថ្មីតែប៉ុណ្ណោះ មានដូចជាៈ
Safari, Chrome, Firefox, Opera និង Internet Explorer 9 ។
ចុះ HTML Tags វិញស្អីគេដែរ?
HTML ណាដែលតុបតែង tags ជានិច្ចជាកាលត្រូវបានហៅថា HTML tags ។
- HTML tags គឺជា keywords ទាំងឡាយណាដែលស្ថិតនៅចន្លោះសញ្ញាតូច និងសញ្ញាធំ ឧ.<html>
- HTML tags ជាធម្មតាមានពីរគឺ Tag បើក និង Tag បិទ ឧ.<b> និង </b>
- នៅពេលចាប់ផ្តើមបើកដង្កៀប < យើងហៅថា បើក Tag ហើយនៅពេលបិទដង្កៀប > យើងហៅថា បិទ Tag
Tag ថ្មីៗសម្រាប់តុងតែងវ៉ិបសាយដែលមានក្នុង HTML5
ខាងក្រោមនេះជា elements ថ្មីៗ
| ឈ្មោះTag | ពណ៌នា |
|---|---|
| <article> | For external content, like text from a news-article, blog, forum, or any other content from an external source |
| <aside> | For content aside from the content it is placed in. The aside content should be related to the surrounding content |
| <command> | A button, or a radiobutton, or a checkbox |
| <details> | For describing details about a document, or parts of a document |
| <summary> | A caption, or summary, inside the details element |
| <figure> | For grouping a section of stand-alone content, could be a video |
| <figcaption> | The caption of the figure section |
| <footer> | For a footer of a document or section, could include the name of the author, the date of the document, contact information, or copyright information |
| <header> | For an introduction of a document or section, could include navigation |
| <hgroup> | For a section of headings, using <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings |
| <mark> | For text that should be highlighted |
| <meter> | For a measurement, used only if the maximum and minimum values are known |
| <nav> | For a section of navigation |
| <progress> | The state of a work in progress |
| <ruby> | For ruby annotation (Chinese notes or characters) |
| <rt> | For explanation of the ruby annotation |
| <rp> | What to show browsers that do not support the ruby element |
| <section> | For a section in a document. Such as chapters, headers, footers, or any other sections of the document |
| <time> | For defining a time or a date, or both |
Tag សម្រាប់ Media
HTML 5 បានផ្តល់នូវ Tag សម្រាប់ដំណើរការទៅ media ដូចជា
| ឈ្មោះTag | ពណ៌នា |
|---|---|
| <audio> | For multimedia content, sounds, music or other audio streams |
| <video> | For video content, such as a movie clip or other video streams |
| <source> | For media resources for media elements, defined inside video or audio elements |
| For embedded content, such as a plug-in |
Tag Canvas
Canvas ត្រូវបានប្រើប្រាស់ជាមួយ Javascript សម្រាប់គូសជា ក្រាហ្រ្វិក នៅវ៉ិបផេក។
| ឈ្មោះTag | ពណ៌នា |
|---|---|
| <canvas> | For making graphics with a script |
Tag ថ្មីរបស់ Form
Tag form ថ្មីៗរបស់ HTML5 ជាមួយនឹង functionality:
| ឈ្មោះTag | ពណ៌នា |
|---|---|
| <datalist> | A list of options for input values |
| <keygen> | Generate keys to authenticate users |
| <output> | For different types of output, such as output written by a script |
Tag Input ឥឡូវមាន Attribute Values ថ្មីៗច្រើនណាស់
Attribute Value ជាពាក្យទាំងឡាយដែលនៅបន្ទាប់ពី Attribute ហើយ Attribute នៅបន្ទាប់ពី Tag ។
ឧទាហរណ៍ <input type search … >
- input = Tag
- type = Attribute
- search = Attribute value
Also, the input element’s type attribute has many new values, for better input control before sending it to the server:
ប្រភេទ Attribute Value |
ពណ៌នា |
|---|---|
| tel | The input value is of type telephone number |
| search | The input field is a search field |
| url | The input value is a URL |
| The input value is one or more email addresses | |
| datetime | The input value is a date and/or time |
| date | The input value is a date |
| month | The input value is a month |
| week | The input value is a week |
| time | The input value is of type time |
| datetime-local | The input value is a local date/time |
| number | The input value is a number |
| range | The input value is a number in a given range |
| color | The input value is a hexadecimal color, like #FF8800 |
សូមចុចទីនេះ ដើម្បីសិក្សាបន្ថែម
Nice article! Should be update to this new technology soon.
អរគុណច្រើនបងដែលមកលេងដល់ផ្ទះ
បងអើយ! ប្អូនក៏ចង់បន្ទាន់់សម័យឆាប់ៗដែរប៉ុន្តែកំពុងរវល់ជាខ្លាំង (សរសេរសារាណា) ចាំមើលចប់សារាណាសិន ប្រហែលជា ចុងខែ៩ ទើបទំនេរ
ខ្ញុំគិតថា គេហទំព័ររបស់ ខេធី៤២ មានប្រយោជន៍ច្រើន !
តើសារាណាជាអ្វី?
Pingback: km71