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 ខុសពីជំនាន់ចាស់ដូចម្តេចខ្លះ?

  • HTML5 បានផ្តល់នូវ feature ថ្មីៗមួយចំនួនដូចជា:
    • 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
    email 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

    សូមចុចទីនេះ ដើម្បីសិក្សាបន្ថែម

    Advertisements

    7 Responses to HTML5

    1. សុភ័ណ្ឌ says:

      Nice article! Should be update to this new technology soon. 🙂

      • KT42 says:

        អរគុណច្រើនបងដែលមកលេងដល់ផ្ទះ
        បងអើយ! ប្អូនក៏ចង់បន្ទាន់់សម័យឆាប់ៗដែរប៉ុន្តែកំពុងរវល់ជាខ្លាំង (សរសេរសារាណា) ចាំមើលចប់សារាណាសិន ប្រហែលជា ចុងខែ៩ ទើបទំនេរ

    2. វ៉ាន់ ចំរើន says:

      ខ្ញុំគិតថា គេហទំព័ររបស់ ខេធី៤២ មានប្រយោជន៍ច្រើន !

    3. nachihan says:

      តើសារាណាជាអ្វី?

    4. Pingback: km71

    5. pity 2012 says:

      Hello I am so thrilled I found your weblog, I really found you by error, while I was
      searching on Digg for something else, Regardless I am here now and would just like to say thank you for a incredible
      post and a all round interesting blog (I also love the theme/design), I don’t have time to browse it all at
      the moment but I have bookmarked it and also included
      your RSS feeds, so when I have time I will be back to
      read a lot more, Please do keep up the superb work.

    6. I’m extremely impressed with your writing skills as neatly as with the layout for your blog. Is this a paid topic or did you customize it yourself? Anyway stay up the nice high quality writing, it is uncommon to see a great weblog like this one today..

    ឆ្លើយ​តប

    Fill in your details below or click an icon to log in:

    ឡូហ្កូ WordPress.com

    អ្នក​កំពុង​បញ្ចេញ​មតិ​ដោយ​ប្រើ​គណនី WordPress.com របស់​អ្នក​។ Log Out / ផ្លាស់ប្តូរ )

    រូប Twitter

    អ្នក​កំពុង​បញ្ចេញ​មតិ​ដោយ​ប្រើ​គណនី Twitter របស់​អ្នក​។ Log Out / ផ្លាស់ប្តូរ )

    រូបថត Facebook

    អ្នក​កំពុង​បញ្ចេញ​មតិ​ដោយ​ប្រើ​គណនី Facebook របស់​អ្នក​។ Log Out / ផ្លាស់ប្តូរ )

    Google+ photo

    អ្នក​កំពុង​បញ្ចេញ​មតិ​ដោយ​ប្រើ​គណនី Google+ របស់​អ្នក​។ Log Out / ផ្លាស់ប្តូរ )

    កំពុង​ភ្ជាប់​ទៅ​កាន់ %s

    %d bloggers like this: