HTML File Paths
ஒரு கோப்புப் பாதை ஒரு வலைத்தளத்தின் கோப்புறை கட்டமைப்பில் ஒரு கோப்பின் இடத்தை விவரிக்கிறது.
File Path Examples
| Path | Description |
|---|---|
<img src="picture.jpg"> |
"picture.jpg" கோப்பு தற்போதைய பக்கத்தின் அதே கோப்புறையில் அமைந்துள்ளது |
<img src="images/picture.jpg"> |
"picture.jpg" கோப்பு தற்போதைய கோப்புறையில் உள்ள images கோப்புறையில் அமைந்துள்ளது |
<img src="/images/picture.jpg"> |
"picture.jpg" கோப்பு தற்போதைய வலையின் மூலத்தில் உள்ள images கோப்புறையில் அமைந்துள்ளது |
<img src="../picture.jpg"> |
"picture.jpg" கோப்பு தற்போதைய கோப்புறையிலிருந்து ஒரு மட்டம் மேலே உள்ள கோப்புறையில் அமைந்துள்ளது |
HTML File Paths
ஒரு கோப்புப் பாதை ஒரு வலைத்தளத்தின் கோப்புறை கட்டமைப்பில் ஒரு கோப்பின் இடத்தை விவரிக்கிறது.
வெளி கோப்புகளுடன் இணைக்கும் போது கோப்புப் பாதைகள் பயன்படுத்தப்படுகின்றன, எடுத்துக்காட்டாக:
- வலைப்பக்கங்கள்
- படங்கள்
- ஸ்டைல் ஷீட்கள்
- JavaScripts
Absolute File Paths
ஒரு முழுமையான கோப்புப் பாதை ஒரு கோப்பிற்கான முழு URL ஆகும்:
Example
<img src="https://www.jassifteam.com/images/picture.jpg" alt="Mountain">The <img> tag is explained in the chapter: HTML Images.
Relative File Paths
ஒரு உறவின கோப்புப் பாதை தற்போதைய பக்கத்துடன் தொடர்புடைய ஒரு கோப்பைச் சுட்டிக்காட்டுகிறது.
பின்வரும் எடுத்துக்காட்டில், கோப்புப் பாதை தற்போதைய வலைத்தளத்தின் மூலத்தில் அமைந்துள்ள images கோப்புறையில் உள்ள ஒரு கோப்பைச் சுட்டிக்காட்டுகிறது:
Example
<img src="/images/picture.jpg" alt="Mountain">பின்வரும் எடுத்துக்காட்டில், கோப்புப் பாதை தற்போதைய கோப்புறையில் அமைந்துள்ள images கோப்புறையில் உள்ள ஒரு கோப்பைச் சுட்டிக்காட்டுகிறது:
Example
<img src="images/picture.jpg" alt="Mountain">பின்வரும் எடுத்துக்காட்டில், கோப்புப் பாதை தற்போதைய கோப்புறையிலிருந்து ஒரு மட்டம் மேலே உள்ள images கோப்புறையில் உள்ள ஒரு கோப்பைச் சுட்டிக்காட்டுகிறது:
Example
<img src="../images/picture.jpg" alt="Mountain">Best Practice
உறவின கோப்புப் பாதைகளைப் பயன்படுத்துவது சிறந்த பயிற்சியாகும் (முடிந்தால்).
உறவின கோப்புப் பாதைகளைப் பயன்படுத்தும் போது, உங்கள் வலைப்பக்கங்கள் உங்கள் தற்போதைய அடிப்படை URL உடன் கட்டப்படாது. அனைத்து இணைப்புகளும் உங்கள் சொந்த கணினியில் (localhost) மற்றும் உங்கள் தற்போதைய பொது டொமைனிலும் உங்கள் எதிர்கால பொது டொமைன்களிலும் செயல்படும்.