តើអ្វីជា URL Structure?
URL (Uniform Resource Locator) គឺជាអាសយដ្ឋានរបស់ website ដែលមាននៅលើអ៊ីនធើណេតគ្រប់ file ទាំងអស់ដែលមាននៅលើអីុនធើណេត ត្រូវមានតែ URLProtocol://Server or Host/ Path
នៅក្នុង URL មានបីផែ្នកគឹ
Protocol or Scheme part: ប្រាប់ទៅកាន់ browser ថាតើត្រូវធ្វើយ៉ាងដូចម្តេច ដើម្បីទាក់ទងអាចបើក file
Server or Host: គឺឈ្មោះនៃ server នៅឯណាគឺ file អាចរកឃើញ
Path: គឺជាការកំណត់ទីតាំងនៃ file នៅលើ server
ឧទាហរណ៍៖
http://www.bbu.edu.kh/index.php
http://www.google.com
http://www.kohsantepheapdaily.com.kh/khmer/9.html
ភាពគ្នារវាង Protocol នៅក្នុង URLs
Protocol វាគឺជាផ្នែកមួយដែលស្ថិតក្នុង URL ដែលប្រាប់ទៅកាន់ Browser ថាតើត្រូវធ្វើយ៉ាងដូចម្តេច? ដូចជា ការផ្ញើ mail, ការផ្ទេរកម្មសិទិ្ធទៅឲ្យ file, និងការផ្ទុក web document ជាធម្មតា Protocol មានដូចខាងក្រោម៖
Absolute & Relative URLs
ជាមធ្យោបាយក្នុងការរកទីតាំងនៃ file មួយ។URL ត្រូវបានចែកចេញជាបីប្រភេទគឺ៖
Absolute URL
Absolute URL បង្ហាញពីទីតាំងពេញដែលរួមបញ្ចូលទាំង Scheme (protocol), Server Name និង path
ឧទាហរណ៍៖
http://www.microsoft.com/mcp/login/login.aspx
scheme ឈ្មោះ server ទីតាំងនៃ file
http://www.microsoft.com:8080/mcp/login/login.aspx
scheme ឈ្មោះ server port ទីតាំងនៃ file
Protocols មានច្រើនដូចជា៖
- ftp: File Transfer Protocol
- http: HyperText Transfer Protocol
- https: HyperText Transfer Protocol Secure
- mailto: SMTP Protocol Simple Mail Transfer Protocol
- file: Local file
Port
- 80 ឬ 8080 for http
- 443 for https
- 21 for ftp
Relative URL
បង្ហាញពីទីតាំងរបស់ file ដោយពឹងផ្អែកលើ Current file and Folder
ឧបមាថាយើងកំពុងឈរនៅលើទីតាំង index.html ក្នុង folder isophal ដើម្បី access ទៅកាន់ file ទាំងអស់ត្រូវធ្វើដូចខាងក្រោម៖
paragraph.html a url=”paragraph.html”
javascript.js a url = “javascript/javascript.js”
Orange.jpg a url = “../images/Orange.jpg”
Site Relative URL
បង្ហាញទីតាំងរបស់ file ដោយពឹងផ្អែកទៅលើ root folder របស់ site ឧបមាថា root folder របស់ site គឺស្ថិតនៅលើ bbuweb ហើយយើងកំពុងឈរនៅលើ ទីតាំង index.html ក្នុង folder isophal ដើម្បី access ទៅកាន់ file ទាំងអស់ត្រូវធ្វើដូចខាងក្រោម៖
paragraph.html a url=”/isophal/paragraph.html”
javascript.js a url = “/isophal/javascript/javascript.js”
Orange.jpg a url = “/images/Orange.jpg”
ការប្រើប្រាស់ Syntax :<a href=”url”> link text </a> មួយទៀតដែលគេប្រើវាសម្រាប់ភ្ជាប់ពីទីតាំងមួយទៅទីតាំងមួយទៀតនៅក្នុង ឬក្រៅទំព័រ ឬសម្រាប់ភ្ជាប់ពី ទំព័រមួយទៅទំព័រមួយទៀតដោយប្រើប្រាស់ Tag <a> ។ យើងអាចចុចលើតំណភ្ជាប់ណាមួយដើម្បីឲ្យវាទៅបើកឯកសារផ្សេងទៀតដែលមានតំណភ្ជាប់ជាមួយវា ឬ គ្រានតែយើងយក mouse ទៅដាក់លើតំណភ្ជាប់ណាមួយវានិងបង្ហាញនូវឈ្មោះ ទីតាំងដែលយើងចង់ឲ្យវាទៅបើកនោះ។
ខាងក្រោមនេះគឺជាការប្រើប្រាស់ Syntax : <a href=”url”> link text </a> រួមនិងធាតុមួយចំនួន៖
ទម្រង់ទូទៅ <a href=”url”> link text </a>
Attribute ដែលយើងត្រូវប្រើជាមួយវាមានដូចជា៖
– href=”url” ប្រើសំរាប់ ភ្ជាប់ ទៅកាន់ ទំព័រ មួយទៀត តាមរយៈ URL
– name=”…” ប្រើសំរាប់កំនត់ឈ្មោះឲ្យ <a> និងបង្កើតតំណភ្ជាប់ទៅកាន់ចំណុចណាមួយនៅក្នុងទំព័រ ឬ ក្រៅទំព័រ។
– target=”…” ប្រើសំរាប់កំនត់ឲ្យទីតាំងនៅពេលដែលបើកទំព័រណាមួយ។ ដែលមានដូចជា៖
target=“_blank” ប្រើសម្រាប់បើកចំណុចដែលបានភ្ជាប់នៅក្នុងផ្ទាំងថ្មីមួយទៀត។
target=“_self” ប្រើសម្រាប់បើកចំណុចដែលបានភ្ជាប់នៅក្នុងផ្ទាំងតៃមួយជាមួយគ្នា។
target=“_parent” ប្រើសម្រាប់បើកចំណុចដែលបានភ្ជាប់នៅក្នុង Parent វាដូចទៅនិង target=”_self” ដែរ ។
target=“_top” ប្រើសម្រាប់បើកចំណុចដែលបានភ្ជាប់នៅក្នុង body វាដូចទៅនិង target=”_self” ដែរ។
លទ្ធផល៖
ក្រោយពីសរសេរ កូដខាងលើរួចមកយើងនិងទទួលបានលទ្ធផលដូចខាងក្រោម៖
