© Khmer Angkor Academy - sophearithput168

Khmer Angkor Academy Logo

ទីតាំង​ធនធាន​សកល

ទីតាំង​ធនធាន​សកល ជា​ភាសាអង់គ្លេស​គឺ Uniform Resource Locator (អក្សរ​កាត់ URL) ។ ទីតាំង​ធនធាន​សកល ឬ URL គឺ​ជា​ទម្រង់​នៃ​ការ​ហៅ​ឯកសារ​ណាមួយ ដែល​ការ​ហៅ​នោះ​មាន​លក្ខណៈ​ជា​សកល ។ បាន​សេចក្ដី​ថា URL នេះ មិន​មែន​ប្រើ​តែ​ក្នុង HTML ប៉ុណ្ណោះ​ទេ គឺ​ត្រូវ​បាន​ប្រើ​ជា​សកល ។

រចនា​សម្ព័ន្ធ​នៃ URL

URL មាន​ផ្នែក​សំខាន់​ៗ​ដូច​ខាងក្រោម ។

protocol://domain:port/path/file?query#fragment

ឧទាហរណ៍ URL ពេញលេញ

https://www.Khmer Angkor Academy.academy:443/html/url.html?page=1#section1

ពន្យល់​ផ្នែក​នីមួយៗ

  • https:// - Protocol (ពិធីការ​ទំនាក់ទំនង)
  • www.Khmer Angkor Academy.academy - Domain (ឈ្មោះ​ដែន)
  • :443 - Port (ច្រក​ដំណើរការ)
  • /html/url.html - Path (ផ្លូវ​ឯកសារ)
  • ?page=1 - Query String (ខ្សែ​សំណួរ)
  • #section1 - Fragment (ផ្នែក​ជាក់លាក់)

ប្រភេទ URL

1. Absolute URL (URL ពេញលេញ)

URL ដែល​មាន​ព័ត៌មាន​គ្រប់គ្រាន់ ដើម្បី​ស្វែងរក​ធនធាន​មួយ​ដោយ​ឯករាជ្យ ។

2. Relative URL (URL ទាក់ទង)

URL ដែល​បង្ហាញ​ទីតាំង​តាម​ទំនាក់ទំនង​ជាមួយ​ទីតាំង​បច្ចុប្បន្ន ។

ការ​ប្រើ​ប្រាស់ Relative URL

ឯកសារ​នៅ​កន្លែង​ដូច​គ្នា

home.html និង Khmer Angkor Academy.jpg ស្ថិត​ក្នុង Folder តែ​មួយ ។ នៅ​ក្នុង home.html យើង​ចង់​ដាក់​រូបភាព Khmer Angkor Academy.jpg ។ យើង​ត្រូវ​សរសេរ​ដូច​ខាងក្រោម ។

<!DOCTYPE html>
<html>
    <head>
        <title>បញ្ចូល​រូបភាព</title>
        <meta charset="utf-8">
    </head>
    <body>
        <img src="Khmer Angkor Academy.jpg">
    </body>
</html>

ពន្យល់

  • <img> ប្រើ​សំរាប់​បញ្ចូល​រូបភាព
  • src attribute ប្រើ​សំរាប់​ប្រាប់​ពី​ទីតាំង​នៃ​រូបភាព គឺ URL នៃ​រូបភាព
  • រូបភាពមាន​ទី​តាំង​ស្ថិត​នៅ​កន្លែង​តែមួយ​ទៅ​នឹង​ឯកសារ​ដែល​ហៅ​រូបភាព​នោះ
  • ដូចនេះ ដើម្បី​ហៅ​រូបភាព​នោះ យើង​គ្រាន់​តែ​សរសេរ​ឈ្មោះ​នៃ​រូបភាព​នោះ​ទៅ​ជា​ការ​ស្រេច

ឯកសារ​ក្នុង Folder មួយ​ជាន់​ទៀត

home.html និង Folder A ស្ថិត​ក្នុង​កន្លែង​តែ​មួយ ។ នៅ​ក្នុង Folder A មាន​ឯកសារ Khmer Angkor Academy.jpg ។ នៅ​ក្នុង home.html យើង​ចង់​ដាក់​រូបភាព Khmer Angkor Academy.jpg ។ យើង​ត្រូវ​សរសេរ​ដូច​ខាងក្រោម ។

<!DOCTYPE html>
<html>
    <head>
        <title>បញ្ចូល​រូបភាព</title>
        <meta charset="utf-8">
    </head>
    <body>
        <img src="A/Khmer Angkor Academy.jpg">
    </body>
</html>

ពន្យល់

  • សរសេរ A ដើម្បី​ចាប់​យក Folder A
  • ដើម្បី​ចាប់​យក​ឯកសារ​ក្នុង Folder A នោះ យើង​ត្រូវ​សរសេរ​សញ្ញា / ហើយ​ឈ្មោះ​ឯកសារ

ឯកសារ​ក្នុង Folder ច្រើន​ជាន់

បើ Khmer Angkor Academy.jpg ស្ថិត​ក្នុង Folder D ។ Folder D ស្ថិត​ក្នុង Folder C ។ Folder C ស្ថិត​ក្នុង Folder B ។ Folder B ស្ថិត​ក្នុង Folder A ។ Folder A ស្ថិត​នៅ​ជាមួយ​នឹង home.html ។ នៅ​ក្នុង home.html យើង​ចង់​ដាក់​រូបភាព Khmer Angkor Academy.jpg ។ យើង​ត្រូវ​សរសេរ​ដូច​ខាងក្រោម ។

<img src="A/B/C/D/Khmer Angkor Academy.jpg">

ចំណាំ: សញ្ញា / ប្រើ​សំរាប់​បំបែក​ថត​នីមួយៗ ។

ឯកសារ​ក្នុង Folder ក្រៅ

Folder Z មាន​ផ្ទុក Folder A និង Folder B ។ Folder A មាន​ផ្ទុក Khmer Angkor Academy.jpg ។ Folder B មាន​ផ្ទុក home.html ។ នៅ​ក្នុង home.html យើង​ចង់​ដាក់​រូបភាព Khmer Angkor Academy.jpg ។ យើង​ត្រូវ​សរសេរ​ដូច​ខាងក្រោម ។

<img src="../A/Khmer Angkor Academy.jpg">

ពន្យល់

  • .. មាន​ន័យ​ថា ថយ​ក្រោយ​មួយ​ជាន់ (ទៅ​ Folder មេ)
  • home.html ស្ថិត​ក្នុង Folder B ។ បន្ទាប់​ពី​ថយ​ក្រោយ​មួយ គឺ​ដល់ Folder Z
  • /A មាន​ន័យ​ថា ចាប់​យក Folder A
  • /Khmer Angkor Academy.jpg មាន​ន័យ​ថា ចាប់​យក Khmer Angkor Academy.jpg ដែល​មាន​ក្នុង​នោះ

សំគាល់: បើ​ចង់​ថយ​ក្រោយ ៣​ដង ត្រូវ​សរសេរ ../../../ ។

ឯកសារ​មិន​នៅ​ជិត​គ្នា (Absolute Path)

Khmer Angkor Academy.jpg នៅ​ក្នុង Folder image ដែល​នៅ​ក្នុង Drive D ។ រីឯ home.html នៅ​កន្លែង​មួយផ្សេង​ទៀត ។ យើង​អាច​សរសេរ​ទីតាំង​ពេញ​នៃ Khmer Angkor Academy.jpg ក្នុង home.html ដូច​ខាង​ក្រោម ។

<img src="D:/image/Khmer Angkor Academy.jpg">

សំគាល់: វិធី​នេះ​ប្រើ​តែ​សម្រាប់​ឯកសារ​ក្នុង​កុំព្យូទ័រ​តែប៉ុណ្ណោះ ។ មិនអាច​ប្រើ​លើ​សេវ័រ​បាន​ទេ ។

ឯកសារ​នៅ​លើ​អ៊ីនធើណិត

ឯកសារ​​នៅ​លើ​អ៊ីនធើណិត​ត្រូវ​ប្រើ Absolute URL ដែល​រួម​មាន Protocol និង Domain ។

Protocol ផ្សេងៗ

  • http:// - Hypertext Transfer Protocol (មិន​មាន​សុវត្ថិភាព)
  • https:// - HTTP Secure (មាន​សុវត្ថិភាព)
  • ftp:// - File Transfer Protocol
  • mailto: - Email Address
  • tel: - Telephone Number

ឧទាហរណ៍

Query String

Query String ប្រើ​សំរាប់​ផ្ញើ​ទិន្នន័យ​តាម URL ។ វា​ចាប់​ផ្តើម​ដោយ​សញ្ញា ? ។

ទម្រង់

file.html?key1=value1&key2=value2&key3=value3

ឧទាហរណ៍

សញ្ញា​សំខាន់​ៗ​ក្នុង Query String

  • ? - ចាប់​ផ្តើម Query String
  • = - បំបែក Key និង Value
  • & - បំបែក​គូ​ផ្សេងៗ​គ្នា

Fragment (Anchor)

Fragment ប្រើ​សំរាប់​ចង្អុល​ទៅ​ផ្នែក​ជាក់លាក់​នៅ​ក្នុង​ទំព័រ ។ វា​ចាប់​ផ្តើម​ដោយ​សញ្ញា # ។

ការ​ប្រើ​ប្រាស់​ល្អ​បំផុត (Best Practices)

  • ប្រើ Relative URL សម្រាប់​ឯកសារ​ក្នុង​គេហទំព័រ​ដូចគ្នា (ងាយ​ក្នុង​ការ​ផ្លាស់ប្តូរ)
  • ប្រើ Absolute URL សម្រាប់​ធនធាន​ខាងក្រៅ
  • ប្រើ HTTPS (មិនមែន HTTP) សម្រាប់​សុវត្ថិភាព
  • គួរ​ជៀសវាង​ចន្លោះ​ក្នុង​ឈ្មោះ​ឯកសារ និង Folder (ប្រើ - ឬ _)
  • ប្រើ​អក្សរ​តូច​សម្រាប់​ឈ្មោះ​ឯកសារ (ដើម្បី​ជៀសវាង​បញ្ហា​លើ Server)

តារាង​សង្ខេប Path Symbols

សញ្ញា អត្ថន័យ ឧទាហរណ៍
/ បំបែក​ថត folder/file.html
. ថត​បច្ចុប្បន្ន ./file.html
.. ថត​មេ (ថយ​ក្រោយ​មួយ​ជាន់) ../file.html
../../ ថយ​ក្រោយ​ពីរ​ជាន់ ../../file.html
មេរៀនមុន
តំណភ្ជាប់
មេរៀនបន្ទាប់
រូបភាព