வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்கள். இன்றைய வெளியீட்டை வெப்மாஸ்டரிங்கின் மிக முக்கியமான அம்சத்திற்கு அர்ப்பணிக்க முடிவு செய்தேன், அங்கு ஹைப்பர்லிங்க் என்றால் என்ன என்பதை விரிவாக விளக்க முயற்சிப்பேன், இது பிரிக்கமுடியாத வகையில் இணைக்கப்பட்டுள்ளது, இது மிகைப்படுத்தாமல், இணையத்தின் அடிப்படையாகும்.

ஆனால் ஹைப்பர்லிங்க்களை சரியாக உருவாக்கி அவற்றை வலைப்பக்கங்களின் குறியீட்டில் (உதாரணமாக, உங்கள் வலைத்தளம்) செருகுவதற்கு, ஹைபர்டெக்ஸ்ட் மார்க்அப் மொழியின் தொடர்புடைய பகுதியை நீங்கள் படிக்க வேண்டும் (), ஏனெனில் இந்த கூறுகள் HTML ஐப் பயன்படுத்தி உருவாக்கப்படுகின்றன. ஒரு குறிச்சொல், விரும்பிய வகைக்கு இணைப்பை மேம்படுத்தும் திறன் கொண்டது.

எனவே, ஹைப்பர்லிங்க் எந்தெந்த பகுதிகளைக் கொண்டுள்ளது, இலக்கு வெற்றுப் பண்புக்கூறைப் பயன்படுத்துவது எப்படி ஒரு புதிய சாளரத்தில் (தாவல்), எந்தப் படத்தையும் இணைப்பாக மாற்றுவது மற்றும் பல முக்கிய விவரங்களையும் இன்று பார்ப்போம். மற்றவற்றுடன், இந்தத் தகவல் HTML மொழியைக் கற்றுக்கொள்வதில் உங்களை முன்னேற்றும்.

ஹைப்பர்லிங்க் என்றால் என்ன, அதை இணைப்பு என்று அழைக்கலாமா?

தலைப்பில் கேட்கப்பட்ட கேள்விக்கு பதிலளிக்கும் போது, ​​"இணைப்பு" என்ற சொல்லுக்கு ஒரு பரந்த சொற்பொருள் ஸ்பெக்ட்ரம் (சைபீரியாவுடனான இணைப்பு, பணம் செலுத்துபவரை அடையாளம் காண வங்கி, புத்தகத்தில் உள்ள உரை போன்றவை) உள்ளது என்று கூறுவேன். "ஹைப்பர்லிங்க்" , இது ஹைபர்டெக்ஸ்ட்டுடன் மட்டுமே தொடர்புடையது, இது தகவலை நேரியல் அல்லாததை உணர உதவுகிறது.

இதனால், ஹைப்பர்லிங்க் என்பது ஒரு இணைப்பின் சிறப்பு வழக்கு, எனவே இன்றைய தலைப்புகளில் சமமான அடிப்படையில் அவற்றைப் பயன்படுத்துவது மிகவும் சாத்தியம். தேவையற்ற கீவேர்ட் ஸ்பேமைத் தவிர்க்க இரண்டு சொற்களையும் பயன்படுத்தி, இன்றைய இடுகை முழுவதிலும் இதையே நான் எனது நன்மைக்காகப் பயன்படுத்துவேன்.

ஆனால் கண்ணுக்குத் தெரியாத சேவைகளும் உள்ளன, அவற்றைப் பயன்படுத்தி உருவாக்கப்பட்டன ஒரு குறிப்பிட்ட செயல்பாட்டைச் செய்ய உலாவிகளுக்கு ஏராளமான சிக்னல்கள் மற்றும் கட்டளைகளை அனுப்புவதே இதன் பணியாகும்.

எடுத்துக்காட்டாக, சேவை ஹைப்பர்லிங்க்களைப் பயன்படுத்தி ஒரு ஐகானைக் காண்பிக்க முடியும். அவற்றை HTML குறியீட்டின் ஒரு பகுதியாக மட்டுமே பார்க்க முடியும் (இதைச் செய்ய, உலாவியில் திறந்திருக்கும் எந்தப் பக்கத்தையும் கிளிக் செய்யவும்):

இப்போதைக்கு, சேவை இணைப்புகளை மட்டும் விட்டுவிட்டு, ஹைப்பர்லிங்க்களை உருவாக்கும் பொதுவான முறையைக் கருத்தில் கொள்வோம். அவர்கள் அனைவருக்கும் பொதுவானது என்னவென்றால் தேவையான href பண்பு, இதன் மதிப்பு ஆவண முகவரி (). ஒரு HTML இணைப்பு தளத்தின் உள் பக்கத்திற்கு அல்லது வெளிப்புற ஆவணத்திற்கு வழிவகுக்கும்.

இன்னும் ஒரு முக்கியமான குறிப்பு. href பண்புக்கூறின் பயன்பாடு ஹைப்பர்லிங்க்களைக் கிளிக் செய்யக்கூடியதாக ஆக்குகிறது, அதாவது, பயனர்கள் அவற்றைக் கிளிக் செய்வதன் விளைவாக வலைத்தளத்தின் தொடர்புடைய பக்கத்திற்கு தானாகவே செல்ல அனுமதிக்கிறது.

href ஐப் பயன்படுத்தி HTML இல் ஹைப்பர்லிங்கை எவ்வாறு உருவாக்குவது

எனவே, ஒரு இணைப்பை உருவாக்க, ஒரு குறிச்சொல் மற்றும் href பண்புக்கூறு தேவை என்பதை நாங்கள் ஏற்கனவே அறிவோம், அதன் அளவுருக்கள் பல்வேறு வகையான URLகளாக இருக்கலாம். ஏனெனில் அஇது, பின்னர் திறப்புக்கு இடையில் மற்றும் மூடுதல்வலைப்பக்கத்தில் காட்டப்படும் உள்ளடக்கத்தை கொண்டுள்ளது.

இது உள்ளடக்கம் நங்கூரம் என்று அழைக்கப்படுகிறதுமற்றும் உரை அல்லது படத்தின் வடிவத்தில் வழங்கப்படலாம் (படத்தை எப்படி இணைப்பது என்பது பற்றி கீழே பேசுவோம்). நான் ஏற்கனவே குறிப்பிட்டுள்ளபடி, நங்கூரம் கிளிக் செய்யக்கூடியதாக இருக்கும். உரை உள்ளடக்கத்துடன் கூடிய ஹைப்பர்லிங்கின் உதாரணத்தைப் பார்ப்போம். HTML குறியீட்டில் அதன் வடிவமைப்பு இப்படித்தான் இருக்கும்:

அறிவிப்பாளர்களைப் பற்றி கொஞ்சம்

HTTPக்கு கூடுதலாக, பாதுகாப்பான HTTPS நெறிமுறையையும் பயன்படுத்தலாம். இணைப்பு இணையப் பக்கத்திற்கு இட்டுச் செல்ல வேண்டியதில்லை. இது அனைத்தும் href மதிப்பைப் பொறுத்தது, இது சில கோப்பிற்கான பாதையாக இருக்கலாம்:

//site/wp-content/uploads/2012/05/giperssylqi-v-html.jpg

பதிவிறக்க Tamil

வலைப்பக்கத்தில் இந்த இணைப்பு பின்வரும் படிவத்தை எடுக்கும்:

.zip நீட்டிப்பு கொண்ட ஒரு பொருளைப் பதிவிறக்குவதற்கு மட்டுமே பயன்படுத்த முடியும் என்பதை உலாவி "புரிந்து கொள்கிறது".

மூலம், எந்த கோப்பிற்கான பாதையும் சில நேரங்களில் FTP() வழியாகக் குறிக்கப்படுகிறது. href பண்புக்கூறு அளவுருவாகப் பயன்படுத்தப்படும் URL இல், நீங்கள் HTTP நெறிமுறையை (HTTPS) FTP உடன் மாற்ற வேண்டும். கோப்பு இணைப்பு இப்படி இருக்கும்:

சேவையகத்திலிருந்து பதிவிறக்கவும்

ஆனால் அதெல்லாம் இல்லை. இதே வழியில் mailto போலி நெறிமுறையைப் பயன்படுத்தி மின்னஞ்சல் இணைப்பு உருவாக்கப்பட்டதுகடிதம் எழுதும் கருவியை விரைவாக அணுக:

கடிதங்கள் எழுது

அத்தகைய இணைப்பைக் கிளிக் செய்த பிறகு, இயல்புநிலை மின்னஞ்சல் கிளையண்டின் ஒரு சாளரம் தோன்றும், அதில் நீங்கள் செய்தியின் உரையை உருவாக்கி, ஏற்கனவே குறிப்பிட்ட முகவரிக்கு அனுப்பலாம், நீங்கள் யூகித்தபடி, href இலிருந்து எடுக்கப்பட்டது.

நடைமுறையில், ஒரே கிளிக்கில் அஞ்சல் படிவத்தை அணுகக்கூடிய பயனர்கள் மற்றும் வாடிக்கையாளர்களின் வசதியை உறுதிப்படுத்த, மின்னஞ்சலுக்கான ஹைப்பர்லிங்க்கள், வெப்மாஸ்டர்கள் மற்றும் பெரிய வளங்களின் உரிமையாளர்களால் பெரும்பாலும் பயன்படுத்தப்பட்டன.

ஆனால் வலை வளங்களில் இந்த வகையான தகவல்தொடர்பு இனி பிரபலமாக இல்லை (குறிப்பாக அதை நிறுவ முடியும் என்பதால், எடுத்துக்காட்டாக), இந்த வழியில் திறக்கப்படும் மின்னஞ்சல் முகவரிகள் மென்பொருளால் தீவிரமாக இடைமறித்து பல்வேறு வகையான ஸ்பேமர்களால் பயன்படுத்தப்படுகின்றன.

URL இன் ஒரு பகுதியாக இருக்கும் மிகவும் பொதுவான நெறிமுறைகளை மட்டுமே நான் ஒரு எடுத்துக்காட்டுக்கு வழங்கியுள்ளேன், இது ஒரு ஹைப்பர்லிங்கை உருவாக்கும் போது href பண்புக்கூறின் அளவுருவாகும். HTTP (HTTPS), FTP மற்றும் mailto ஆகியவற்றைத் தவிர, மேலும் சிறப்புச் சிக்கல்களைத் தீர்ப்பதற்கு மற்றவை உள்ளன. ஒருவேளை மற்ற வெளியீடுகளில் அவற்றை இன்னும் விரிவாகப் பார்ப்போம்.

ஹைப்பர்லிங்க் வகைகள்

இப்போது சில அளவுகோல்களின்படி இணைப்புகளை வகைப்படுத்த முயற்சிப்போம்.

அவர்களின் நோக்கத்தின் படி:

1. வெளி- அவை இடுகையிடப்பட்ட தளத்திற்கு வெளியே அமைந்துள்ள பக்கங்களுக்கு வழிவகுக்கும்;

2. உள்நாட்டு— அதே இணைய வளத்தில் அமைந்துள்ள வலைப்பக்கங்களை இணைக்கவும்.

வடிவத்தின்படி:

2. வரைபடமாக e - இந்த விஷயத்தில், ஹைப்பர்லிங்கின் நங்கூரம் ஒரு படம் (சிறுபடம் உட்பட), பேனர், பொத்தான் போன்றவை.

href பண்புக்கூறின் மதிப்பாக செயல்படும் URL வகையின்படி:

1. அறுதி, தரவு பரிமாற்ற நெறிமுறை (உதாரணமாக, HTTP) மற்றும் தளத்தின் டொமைன் பெயர் (டொமைன்கள் பற்றிய எல்லாவற்றிலும்) வெளிப்படையான குறிப்பைக் கொண்டிருக்கும்.

வெளிப்புற ஆதாரங்களின் பக்கங்களைக் குறிப்பிடும்போது இத்தகைய இணைப்புகள் பெரும்பாலும் பயன்படுத்தப்படுகின்றன. இந்த வழக்கில், href மதிப்பு விரும்பிய கோப்பு அல்லது வலைப்பக்கத்திற்கான முழு பாதையையும் உள்ளடக்கும். முழுமையான ஹைப்பர்லிங்கின் உதாரணம் இங்கே:

சூழல் - அது என்ன?

2. உறவினர், உருவாக்குவதற்கான விருப்பங்களில் ஒன்று வலைத்தளத்தின் ரூட் கோப்புறையுடன் தொடர்புடைய பாதையாக இருக்கும் (எனவே இந்த வகை ஹைப்பர்லிங்கின் பெயர்). இந்த வழக்கில், நெறிமுறை (HTTP) மற்றும் தள டொமைன் URL இலிருந்து அகற்றப்படும்:

சூழல் - அது என்ன?

இணையப் பக்கத்தில் உள்ள தொடர்புடைய ஹைப்பர்லிங்க்கள் உள் பக்கங்களுக்கான இணைப்புகளை வழங்க முடியும். இந்த வடிவத்தில் அவை குறுகியதாக இருக்கும், இது HTML குறியீட்டை எளிதாக்குகிறது. நிச்சயமாக, எல்லாம் அவ்வளவு எளிதல்ல, மேலும் விரிவான கவரேஜ் தேவைப்படுகிறது, நீங்கள் வழங்கிய இணைப்பைப் பின்பற்றினால் நீங்கள் பார்க்கலாம்.

ஒரு குறிச்சொல்லின் பண்புக்கூறுகள்

தேவையான href தவிர வேறு என்ன பண்புக்கூறுகள் உள்ளன மற்றும் அவை ஹைப்பர்லிங்கின் உருவாக்கத்தை எவ்வாறு பாதிக்கலாம் என்பதை இப்போது பார்ப்போம். இந்த விஷயத்தில் மிகவும் முழுமையான தரவு, "முதல் கை" என்று பேசுவதற்கு, சர்வதேச W3C கூட்டமைப்பின் அதிகாரப்பூர்வ இணையதளத்தில் நீங்கள் காணலாம், அங்கு புதுப்பித்த தகவல்கள் மிக விரைவாக தோன்றும்.

அவை முற்றிலும் ஒரே மாதிரியானவை மற்றும் தற்போதைய தாவலில் வலைப்பக்கத்தைத் திறக்கும். இணைப்புகளைப் பின்தொடரும் போது புதிய தாவலில் பக்கங்கள் திறக்கப்பட வேண்டுமெனில், இணைப்பை உருவாக்கும் போது நீங்கள் சேர்க்க வேண்டும் வெற்று அளவுருவுடன் இலக்கு பண்புக்கூறு:

சூழல் - அது என்ன?

சில வெப்மாஸ்டர்கள் மற்றும் எஸ்சிஓ வல்லுநர்கள் பார்வையாளருக்கு தேர்வு செய்ய வாய்ப்பு வழங்கப்பட்டால் நல்லது என்று நம்பினாலும் (அதாவது, இலக்கை காலியாகக் குறிப்பிட வேண்டாம்), ஏனெனில் தேவைப்பட்டால், சூழல் மெனுவைப் பயன்படுத்தி புதிய தாவலில் பக்கத்தைத் திறக்கலாம் (நகர்த்து இணைப்புக்கான கர்சரை வலது கிளிக் செய்து பொருத்தமான புள்ளியில் கிளிக் செய்யவும்):

மேலும், நீங்கள் பார்க்க முடியும் என, இந்த வழக்கில் பயனர் ஒரு புதிய தாவலில் மட்டும் வலைப்பக்கத்தை திறக்க முடியும் என்று நன்மை உள்ளது, ஆனால் ஒரு புதிய சாளரத்தில்(இந்த விருப்பத்தை HTML வழியாக செயல்படுத்த முடியாது, ஸ்கிரிப்ட்களைப் பயன்படுத்தி மட்டுமே).

ஆனால் அனைத்து புதிய பயனர்களும் பிரபலமான உலாவிகளின் () திறன்கள் மற்றும் அமைப்புகளை முழுமையாக அறிந்திருக்க மாட்டார்கள் என்று நான் நம்புகிறேன். ஒரு வாசகர், வெளிப்புற ஹைப்பர்லிங்கைப் பின்தொடர்ந்து, மூலப் பக்கத்தின் பார்வையை இழந்திருப்பார் (அதற்குப் பதிலாக பெறுநர் ஆவணம் தோன்றும்), விரக்தியில் தாவலை வெறுமனே மூடிவிடுவார்.

எனவே, ஒரு வலை வளத்தின் உரிமையாளர் ஒரு நம்பிக்கைக்குரிய பார்வையாளரை இழப்பது மட்டுமல்லாமல், நடத்தை காரணிகளில் () சரிவையும் பெறலாம், இது தரவரிசையில் பக்க நிலையை இழக்க நேரிடும்.

கூடுதலாக, அருகிலுள்ள தாவலில் ஒரு பக்கத்தைத் திறப்பது பயன்பாட்டுக் கண்ணோட்டத்தில் () மிகவும் வசதியானது. பயனர் ஒரு வலைப்பக்கத்திற்கான ஹைப்பர்லிங்கைப் பின்தொடர்கிறார், கூடுதல் தகவலைப் பெறுகிறார், மேலும் எதுவும் நடக்காதது போல், முக்கிய விஷயத்தைத் தொடர்ந்து படிக்கிறார்.

ஒரு புறநிலை படத்தை உருவாக்க, எந்தவொரு வெளிப்புற இணைப்புகளுக்கும் “இலக்கு="_blank"” ஐப் பயன்படுத்துவது சில பாதுகாப்பு அபாயங்கள் நிறைந்ததாக மாறிவிடும். யாராவது ஆர்வமாக இருந்தால், நீங்கள் படிக்கலாம், அங்கு டார்கெட் வெற்றுப் பயன்படுத்தும் போது சரிசெய்தல் சிக்கல்களுக்கான பரிந்துரைகள் வழங்கப்படுகின்றன, அத்துடன் புதிய தாவலில் வலைப்பக்கத்தைத் திறக்கும் பணியைச் செயல்படுத்துவதற்கான மாற்று விருப்பங்கள்.

புதிய தாவலில் ஹைப்பர்லிங்கைத் திறக்க வெற்று மதிப்பைப் பயன்படுத்துவதன் அனைத்து நன்மை தீமைகளையும் நான் குறிப்பிட்டதாகத் தெரிகிறது. எனது வலைப்பதிவில் உள்ள கட்டுரைகளைப் படித்தால், இந்த இலக்கு பண்புக்கூறு அளவுருவைப் பற்றிய எனது அணுகுமுறையை நீங்கள் ஏற்கனவே யூகித்திருக்கலாம்.

அன்று இந்த நேரத்தில்என்னைப் பொறுத்தவரை, அதன் நன்மை தீமைகளை விட அதிகமாக உள்ளது, நான் நிபந்தனையற்ற ஆதரவாளன். மேலே உள்ள உண்மைகளின் அடிப்படையில், இந்த பிரச்சினையில் உங்கள் சொந்த கருத்தை நீங்கள் உருவாக்கலாம். இருப்பினும்... புதிய சூழ்நிலைகளின் தோற்றத்தை கணக்கில் எடுத்துக் கொண்டால், அது மாறலாம்.

ஹாஷ் இணைப்புகள், அறிவிப்பாளர்களை எவ்வாறு உருவாக்குவது மற்றும் அவை ஏன் தேவைப்படுகின்றன?

அடுத்து, மற்றொரு வகை ஹைப்பர்லிங்க்களுக்கு உங்கள் கவனத்தை ஈர்க்க விரும்புகிறேன், இது ஒரு வலைப்பக்கத்தில் உள்ள பொருள் மிகவும் பெரியதாக இருந்தால் பயனுள்ளதாக இருக்கும் மற்றும் வழிசெலுத்தலை மேம்படுத்த கட்டமைக்கப்பட வேண்டும்.

நீங்கள் ஒரு உதாரணத்திற்காக வெகுதூரம் பார்க்க வேண்டியதில்லை, இந்த வெளியீட்டின் உள்ளடக்க அட்டவணையை ஆரம்பத்தில் பாருங்கள். கட்டுரையின் பிரிவுகளின் பட்டியல் இருப்பதைப் பார்க்கிறீர்களா? இந்த பிரிவுகளுக்கான ஹைப்பர்லிங்க்கள் வெறும் ஹாஷ் இணைப்புகள் மட்டுமே. அவற்றில் ஏதேனும் ஒன்றைக் கிளிக் செய்த பிறகு, உலாவி தொடர்புடைய பகுதி தொடங்கும் இடத்திற்கு பக்கத்தை உருட்டும்.

இத்தகைய இணைப்புகள் மிகவும் எளிமையாக உருவாக்கப்படுகின்றன. முதலில் நீங்கள் உருவாக்க வேண்டும் நங்கூரம்ஐடி வடிவில் பக்கத்தில் தேவையான இடத்தில் தொடர்புடைய லேபிளை வைப்பதன் மூலம், இது எந்த HTML குறிச்சொல்லுக்கும் பயன்படுத்தப்படும் உலகளாவிய பண்புகளில் ஒன்றாகும்.

ஐடியின் உலகளாவிய தன்மைக்கு நன்றி, அத்தகைய ஆங்கர் குறிச்சொற்களை ஒரு வலைப்பக்கத்தில் கிட்டத்தட்ட எங்கும் நிறுவ முடியும். உரை பொதுவாக பத்திகளாகப் பிரிக்கப்படுவதால், அவை க்கும் பயன்படுத்தப்படலாம். கட்டுரைகள் தர்க்கரீதியான பகுதிகளாகப் பிரிக்கப்பட்ட நங்கூரங்களை நான் முக்கியமாக கீழே வைக்கிறேன்:

HTML குறியீட்டில் தேவையான அனைத்து இடங்களையும் இவ்வாறு குறித்த பிறகு, அவற்றுக்கான ஹைப்பர்லிங்க்களை உருவாக்குகிறோம். இதைச் செய்ய, இறுதியில், URL இல் உள்ள கடைசி சாய்வு “/”க்குப் பிறகு (இது உங்களுக்கு ஏற்கனவே தெரியும், href பண்புக்கூறின் மதிப்பு), நாங்கள் பவுண்டு அடையாளம் “#” மற்றும் லேபிள் பெயரை (ஐடி) தொடர்ச்சியாக எழுதுகிறோம். ):

ஹாஷ் இணைப்புகள் மற்றும் அறிவிப்பாளர்களை எவ்வாறு உருவாக்குவது?

மேலும், அத்தகைய ஆங்கர் இணைப்பு ஆங்கர்களின் அதே பக்கத்தில் வைக்கப்பட்டால், ஹாஷுக்கு முன் கடைசி ஸ்லாஷ் உட்பட URL இன் ஒரு பகுதி தவிர்க்கப்படலாம், மேலும் "#" மற்றும் ஐடியின் பெயர் மட்டுமே href அளவுருவாகப் பயன்படுத்தப்படும். (சாராம்சத்தில், இது உறவினர் இணைப்புகளுக்கான விருப்பங்களில் ஒன்றாகும்):

ஹாஷ் இணைப்புகள் மற்றும் அறிவிப்பாளர்களை எவ்வாறு உருவாக்குவது?

அதாவது, HTML குறியீட்டை மேம்படுத்த கையேடுக்கான உள்ளடக்க அட்டவணையை தொகுக்கும்போது, ​​இந்த இலகுரக விருப்பத்தை நீங்கள் எளிதாகப் பயன்படுத்தலாம். அடையாளங்காட்டியின் பெயர் இல்லாமல், URL ஆக ஒரே ஒரு ஹாஷ் அடையாளத்தை வைத்தால், அத்தகைய இணைப்பு அமைந்துள்ள இடத்திலிருந்து, பக்கம் முழுவதும் மேலே செல்லும்:

மேல்

உண்மையில், இது எளிமையான விருப்பமாகும், இது மீண்டும் வளத்தின் பயன்பாட்டிற்கான கூடுதல் நன்மையாக செயல்படுகிறது, ஏனெனில் இது அதன் பார்வையாளர்களுக்கு வாழ்க்கையை எளிதாக்குகிறது. ஒரு பொத்தானை உருவாக்க, கவர்ச்சிகரமான படத்தை நங்கூரமாகப் பயன்படுத்தலாம்.

அடிக்கோடினை அகற்றி இணைப்பின் நிறத்தை மாற்றுவது எப்படி

HTML டெவலப்பர்கள் இந்த அல்லது அந்த அம்சத்தை மேம்படுத்த உதவும் கிட்டத்தட்ட அனைத்து நுணுக்கங்களையும் சிந்தித்துள்ளனர், இது ஹைப்பர்லிங்க்களுக்கும் பொருந்தும். எடுத்துக்காட்டாக, மற்றொரு இணையப் பக்கத்திற்கு ஹைப்பர்லிங்கைப் பின்தொடர்ந்து, மீண்டும் திரும்பும்போது, ​​ஹைப்பர்லிங்க் நிறம் மாறியிருப்பதை பயனர் பார்ப்பார்.

இதுபோன்ற செயல்களை அவர் மீண்டும் மீண்டும் செய்ய வேண்டியிருந்தால், அவர் ஏற்கனவே எந்த இணைப்புகளை கிளிக் செய்துள்ளார், எந்தெந்த இணைப்புகளை அவர் கிளிக் செய்யவில்லை என்பதை விரைவாக தீர்மானிக்க முடியும். இந்த விருப்பம் கிட்டத்தட்ட ஒவ்வொரு உலாவியிலும் சேர்க்கப்பட்டுள்ளது. இது எவ்வளவு வசதியானது மற்றும் எவ்வளவு நேரத்தை மிச்சப்படுத்துகிறது என்பதை விளக்க வேண்டிய அவசியமில்லை.

இயல்புநிலை மற்றும் CSS அல்லாத ஹைப்பர்லிங்க்கள் அடிக்கோடிடுதல் மற்றும் மூன்று வண்ண விருப்பங்களுடன் சிறப்பிக்கப்பட்டது, ஒவ்வொன்றும் அதன் சொந்த பண்புக்கூறு:

• இணைப்பு - வலைப்பக்கத்தில் ஹைப்பர்லிங்கின் நிறத்தை அமைக்கிறது (இயல்புநிலையாக நீலம், இது #0000ff என குறிப்பிடப்படுகிறது);
• alink — இணைய உலாவியால் செயலாக்கப்படும் போது செயலில் உள்ள ஹைப்பர்லிங்கின் நிறம் (சிவப்பு #ff0000);
• vlink — பயனர் பார்வையிட்ட இணைப்பின் நிறம் (ஊதா, #800080).

உங்கள் தளத்தில் உலாவிகள் காண்பிக்கும் இணைப்புகளின் வண்ணங்களை எவ்வாறு மாற்றுவது? சரி, ஒரு எளிய HTML தளத்திற்கு, பக்கங்கள் கைமுறையாக உருவாக்கப்படும் (மற்றும் நவீன யதார்த்தங்களில் நடைமுறையில் இந்த வகையான முழுமையான செயல்பாட்டு ஆதாரங்கள் இல்லை என்று நான் நினைக்கிறேன், ஒருவேளை எளிய நாட்குறிப்புகள் மற்றும் இறங்கும் பக்கங்கள் தவிர), நீங்கள் தொடக்க குறிச்சொல்லைக் கண்டுபிடிக்க வேண்டும். அதற்குத் தேவையான அளவுருக்களைக் குறிப்பிடவும் (ஒரு வண்ணத்தைக் குறிக்க அதன் பெயரைப் பயன்படுத்தலாம்), எடுத்துக்காட்டாக:

உங்கள் வலை வளத்தை நிர்வகிப்பதற்கான உள்ளடக்க மேலாண்மை அமைப்பை () நிறுவியிருந்தால், நீங்கள் பயன்படுத்தும் எஞ்சின் வகையைப் பொருட்படுத்தாமல், தலைப்பைக் (தலைப்பு) காண்பிக்கும் பொறுப்பான கோப்பைத் திருத்த நீங்கள் திறக்க வேண்டும். .

உங்கள் ஆதாரம் வேர்ட்பிரஸ் இயங்கினால், இந்த யோசனையை நடைமுறையில் செயல்படுத்த, ஹைப்பர்லிங்கில் தானாக ஒரு படத்தைச் செருகுவதற்கான ஒரு கருவியாக இதைப் பயன்படுத்தலாம், அங்கு நீங்கள் முதலில் நூலகத்திலிருந்து தேர்ந்தெடுக்கவும் அல்லது விரும்பிய படத்தைப் பதிவிறக்கி உரையில் செருகவும்:

இதன் விளைவாக வரும் படக் குறியீட்டைத் தேர்ந்தெடுத்து எடிட்டரின் “இணைப்பு” பொத்தானை அழுத்தவும், அதன் பிறகு தோன்றும் சாளரத்தில் விரும்பிய நகலெடுக்கப்பட்ட ஹைப்பர்லிங்கை ஒட்டவும்:

ஹைப்பர்லிங்க் HTML ஆவணத்திற்கு உள்ளே அல்லது வெளியே எந்த பொருளை அணுக வேண்டும் என்பது உலாவிக்கான அறிகுறியாகும். ஹைப்பர்லிங்க்களைப் பயன்படுத்தி, பயனர்கள் ஒரு பக்கத்திலிருந்து மற்றொரு பக்கத்திற்கு நகர்த்தலாம், கோப்புகளைப் பதிவிறக்கலாம். உலாவி சாளரத்தில் இணையப் பக்கம் காட்டப்படும் போது, ​​உரை இணைப்பு பொதுவாக நீல நிறத்தில் உயர்த்தி அடிக்கோடிடப்படும். இருப்பினும், இது எப்போதும் வழக்கு அல்ல. இணைப்பு மூலம் சுட்டிக்காட்டப்பட்ட இடத்திற்குச் செல்ல, பயனர் அதன் உரையைக் கிளிக் செய்தால் போதும்.

ஹைப்பர்லிங்கை உருவாக்க, நீங்கள் குறிச்சொற்களைப் பயன்படுத்த வேண்டும் மற்றும், குறிச்சொல்லுக்கான வரையறை பண்பு HREF. அதன் மதிப்பு இணைப்பு சுட்டிக்காட்டும் URL ஆக இருக்க வேண்டும். குறிச்சொற்களுக்கு இடையில் இணைப்பு உரை வைக்கப்பட்டுள்ளது மற்றும்.

இணைப்பு புள்ளிகள் உள்ள இணையப் பக்கம் வேறொரு தளத்தில் அமைந்திருந்தால், பண்புக்கூறின் மதிப்பு HREFநெறிமுறை பெயர் உட்பட முழு URL ஆக இருக்க வேண்டும்; அத்தகைய இணைப்புகள் வெளிப்புற இணைப்புகள் என்று அழைக்கப்படுகின்றன. ஹைப்பர்லிங்க் அதே தளத்தின் மற்றொரு பக்கத்தை சுட்டிக்காட்டினால், ஆவணத்தைத் தேட, தொடர்புடைய பாதையை மட்டும் குறிப்பிடுவது போதுமானது; அத்தகைய இணைப்பு உள் இணைப்பு என்று அழைக்கப்படுகிறது.

ஒரு ஆங்கர் டேக் முதலில் உட்பொதிக்கப்பட்டிருந்தால், ஒரு பக்கத்தில் உள்ள ஒரு குறிப்பிட்ட இடத்தை ஹைப்பர்லிங்க் சுட்டிக்காட்டலாம். குறிச்சொற்கள் ஒரு நங்கூரத்தை வரையறுக்கவும் பயன்படுத்தப்படுகின்றன மற்றும், ஆனால் ஒரு பண்புக்கு பதிலாக HREFபண்பு அமைக்க NAME, அதன் மதிப்பு நங்கூரத்தின் பெயராக இருக்க வேண்டும். இது எழுத்துக்கள் மற்றும் எண்களைக் கொண்டிருக்கலாம், ஆனால் ஸ்பேஸ் எழுத்துக்களைக் கொண்டிருக்கக்கூடாது. ஒரு பக்கத்தில் பல லேபிள்கள் இருந்தால், அவை அனைத்தும் வெவ்வேறு பெயர்களைக் கொண்டிருக்க வேண்டும்.

நிறுவப்பட்ட நங்கூரத்திற்கான இணைப்பை உருவாக்க, குறிச்சொல்லில் உங்களுக்குத் தேவை ஆவணத்தின் பெயருக்குப் பிறகு URL இன் இறுதியில் அதன் பெயரைப் பிரிக்கவும் # . சின்னம் # குறிச்சொல்லின் பெயரால் தொடர்ந்து வருகிறது, கோப்பு பெயர் அல்ல.

இணைப்பு உரை

பண்பில் இருந்தால் HREFமுகவரியை அமைக்கவும் மின்னஞ்சல் mailto என்ற வார்த்தையுடன்: அதன் முன், அத்தகைய இணைப்பைத் தேர்ந்தெடுத்த பிறகு, புலத்தில் உள்ள இடத்தில் ஒரு செய்தியை அனுப்பலாம். "யாருக்கு"இந்த முகவரி பதிவு செய்யப்படும்.

கீழே உள்ள எடுத்துக்காட்டு பல்வேறு வகையான ஹைப்பர்லிங்க்களைப் பயன்படுத்துவதைப் பற்றி விவாதிக்கிறது.

ஹைப்பர்லிங்க்கள் மற்றும் ஆங்கர்களைப் பயன்படுத்தும் HTML ஆவணம்:

நிலையான நிரல்களின் புதிய பதிப்புகள் இயக்க முறைமைவிண்டோஸ் மற்றும் டிரைவர்களை நிறுவனத்தின் இணையதளத்தில் காணலாம் மைக்ரோசாப்ட்.

இப்போது நீங்கள் தளத்தின் பிரதான பக்கத்திற்கு செல்லலாம்.

இந்தப் பக்கத்தின் முடிவில் என்னை எவ்வாறு தொடர்புகொள்வது என்பதை நீங்கள் அறிந்து கொள்ளலாம்.

இந்த உரை ஆவணத்தில்.

[மின்னஞ்சல் பாதுகாக்கப்பட்டது]

HTML ஆவணம் உலாவியால் இயக்கப்பட்ட பிறகு இது எப்படி இருக்கும்:

விண்டோஸ் இயக்க முறைமை மற்றும் இயக்கிகளுக்கான நிலையான நிரல்களின் புதிய பதிப்புகள் மைக்ரோசாஃப்ட் இணையதளத்தில் காணப்படுகின்றன.

இந்த உரை ஆவணத்தில் இடுகையிடப்பட்ட பொருட்களை நீங்கள் பயன்படுத்தலாம்.

இந்த எடுத்துக்காட்டில், "மைக்ரோசாப்ட்" என்ற வார்த்தை வெளிப்புற ஹைப்பர்லிங்க் குறிச்சொல் மற்றும் உரையில் உள்ளது "தள முகப்பு பக்கம்"- உள் இணைப்பு குறிச்சொல்லில். உரை "இந்தப் பக்கத்தின் முடிவில்"நங்கூர இணைப்பு குறிச்சொல்லில் வைக்கப்பட்டுள்ளது, மற்றும் "இந்த உரை ஆவணத்தில்"- பண்புடன் கூடிய ஹைப்பர்லிங்க் டேக்கில் HREF, இதில் நாங்கள் ஒரு இணையப் பக்கத்துடன் அல்ல, ஆனால் உடன் இணைப்பைக் குறிப்பிட்டோம் உரை ஆவணம், இது தற்போதைய HTML ஆவணத்தின் அதே கோப்புறையில் சேமிக்கப்படுகிறது. உரை" [மின்னஞ்சல் பாதுகாக்கப்பட்டது] "ஆங்கர் லேபிளை விவரிக்கும் குறிச்சொல் மற்றும் பண்புக்கூறில் அமைந்துள்ளது HREFமின்னஞ்சல் முகவரி வழங்கப்பட்டது.

பக்கத்தைப் பார்வையிடுபவர் மைக்ரோசாஃப்ட் வெளிப்புற இணைப்பைப் பயன்படுத்தினால், பக்கம் இங்கு திறக்கும்: http://www.microsoft.com/. ஹைப்பர்லிங்கை கிளிக் செய்த பிறகு "தள முகப்பு பக்கம்"தளத்தின் பிரதான பக்கம் திறக்கும். உரை ஆவணத்தில் உள்ள உள் இணைப்பைக் கிளிக் செய்தால், உரை ஆவணத்துடன் ஒரு சாளரம் திறக்கும் text.docதற்போதைய கோப்புறையில் உள்ளது. இந்தப் பக்கத்தின் முடிவில் உள்ள நங்கூரம் இணைப்பைப் பயன்படுத்தினால், தற்போதைய பக்கத்தின் படம் மாறும், அதனால் லேபிள் உரை " [மின்னஞ்சல் பாதுகாக்கப்பட்டது] ", நங்கூரத்துடன் தொடர்புடையது, திரையில் தெரியும் ஆவணத்தின் ஒரு பகுதியில் வைக்கப்படும்.

உரையை வைக்கவும் " [மின்னஞ்சல் பாதுகாக்கப்பட்டது] " என்பது ஒரு ஹைப்பர்லிங்க், இதைப் பயன்படுத்தி கணினியில் உள்ளமைக்கப்பட்ட மின்னஞ்சலைப் பயன்படுத்தி பண்புக்கூறில் குறிப்பிடப்பட்டுள்ள மின்னஞ்சலைப் பயன்படுத்தி பயனர் கடிதத்தை அனுப்ப முடியும். HREFமுகவரி - [மின்னஞ்சல் பாதுகாக்கப்பட்டது] .

உரை ஹைப்பர்லிங்க்களை உருவாக்குவதற்கான மற்றொரு உதாரணத்தைப் பார்ப்போம். நிறுவனத்தின் பணியின் இரண்டு பகுதிகளை விவரிக்கும் இரண்டு HTML ஆவணங்கள் ஒரு குறிப்பிட்ட கோப்புறையில் சேமிக்கப்பட்டுள்ளன என்று வைத்துக்கொள்வோம் - 1.htmlமற்றும் 2.html.

மிகை இணைப்புகளின் பட்டியலை உருவாக்குவோம், அவை ஒவ்வொன்றும் நிறுவனத்தின் பணிப் பகுதிகளில் ஒன்றை விளக்குகின்றன:

எங்கள் தயாரிப்பு

நமது வாடிக்கையாளர்கள்

விளைவாக:

எங்கள் தயாரிப்பு

நமது வாடிக்கையாளர்கள்

இந்த எடுத்துக்காட்டில், ஹைப்பர்லிங்க் குறிச்சொற்கள் முதல்-நிலை தலைப்பு குறிச்சொற்களுக்குள் உள்ளன. ஹைப்பர்லிங்க் உரைகள் தனித்தனி வரிகளில் அமைந்து முதல் நிலை தலைப்புகளாக வடிவமைக்கப்படும்.

இயல்பாக, உரை ஹைப்பர்லிங்க்கள் நீல நிறத்திலும் அடிக்கோடிட்டதாகவும் காட்டப்படும், மேலும் அவை ஏற்கனவே பயன்படுத்தப்பட்டிருந்தால், அடர் சிவப்பு நிறத்தில் இருக்கும். இந்த வண்ணங்களை மாற்ற, குறிச்சொல்லில் தொடர்புடைய பண்புகளைச் சேர்க்கவும் : . இதன் பொருள், பக்கம் முதலில் ஏற்றப்பட்ட பிறகு, அனைத்து ஹைப்பர்லிங்க்களும் ஊதா நிறத்தில் இருக்கும், மேலும் பார்வையாளர் அவற்றில் ஒன்றைப் பயன்படுத்தினால், அவர்களின் உரையின் நிறம் மஞ்சள் நிறமாக மாறும். பக்கத்தில் பல இணைப்புகள் இருக்கும்போது இது வசதியானது, மேலும் பார்வையாளர் அவற்றை ஒவ்வொன்றாகப் பார்க்க விரும்புகிறார்: பின்னர் பார்வையிட்ட ஹைப்பர்லிங்க்களுக்கு வேறு நிறத்தை மாற்றுவது அத்தகைய பார்வையை முறைப்படுத்த அனுமதிக்கிறது.

"Hyperlinks in HTML" என்பது HTML பாடப்புத்தகத்தின் ஐந்தாவது பாடமாகும். இந்தப் பாடம் ஹைபர்டெக்ஸ்ட் இணைப்புகளைப் பயன்படுத்துவதில் கவனம் செலுத்தும். எந்தவொரு இணைய ஆவணமும் ஹைபர்டெக்ஸ்ட் இணைப்புகளை அடிப்படையாகக் கொண்டது, எனவே ஒவ்வொரு வெப் மாஸ்டரும் இணைப்புகளுடன் வேலை செய்ய வேண்டும்.

ஹைபர்டெக்ஸ்ட் இணைப்புகளைப் பயன்படுத்துவதற்கான விதிகள்.

HTML இல் ஹைப்பர்லிங்க்கள்ஒரு தளத்தில் மற்றும் முழு இணையம் முழுவதும் பல்வேறு ஆவணங்களை இணைப்பது அவசியம். ஹைப்பர்டெக்ஸ்ட் இணைப்புகளை (ஹைப்பர்லிங்க்ஸ்) உருவாக்க, ஒரு விவரிப்பான் பயன்படுத்தப்படுகிறது :

இணைப்பு சுட்டிக்காட்டும் ஆவணத்தின் முகவரியைத் தெரிவிக்க href பண்புக்கூறு பயன்படுத்தப்படுகிறது.

படங்கள் உட்பட பல்வேறு வகையான பொருள்கள் ஹைப்பர்லிங்க்களாக செயல்படலாம்:

– HTML இல் மெட்டா குறிச்சொற்கள்.
நீங்கள் வெவ்வேறு ஆவணங்களை மட்டுமல்ல, இந்த ஆவணங்களின் வெவ்வேறு பகுதிகளையும் குறிப்பிடலாம். இதைச் செய்ய, ஆவணத்தின் சில பகுதியில் நீங்கள் நங்கூரம் என்று அழைக்கப்பட வேண்டும் - படிவத்தின் கட்டுமானம் , பின்னர் href பண்புக்கூறில் பின்வரும் குறியீட்டைக் குறிப்பிடுவதன் மூலம் அதைப் பார்க்கவும்:

href=”http://www.site.#anchor name”

உலாவி அழைக்கப்படும் பக்கத்தில் குறிப்பிட்ட பெயரிடப்பட்ட நங்கூரத்தைக் கண்டுபிடிக்க முடியவில்லை என்றால், உலாவி எந்த பிழையும் இல்லாமல் ஆவணத்தின் தொடக்கத்திற்குச் செல்லும்.

பல்வேறு நெறிமுறைகளைப் பயன்படுத்தி ஹைபர்டெக்ஸ்ட் தகவல்தொடர்புகளை மேற்கொள்ளலாம். மிகவும் பொதுவாகப் பயன்படுத்தப்பட்டவை கீழே கொடுக்கப்பட்டுள்ளன:

• HTTP– நெறிமுறை – ஒரு தரமான ஹைபர்டெக்ஸ்ட் கம்யூனிகேஷன்ஸ் புரோட்டோகால், தகவல் தொகுதிகளை ஒரு முறை அனுப்புவதற்காக வடிவமைக்கப்பட்டுள்ளது.
• FTP- நெறிமுறை - உலகளாவிய கோப்பு பரிமாற்ற நெறிமுறை. அங்கீகாரம் தேவை.
• மெயில்டோ- நிலையான அஞ்சல் பரிமாற்ற நெறிமுறை.

HTML இல் ஹைப்பர்லிங்க்களை அமைத்தல்.

குறிச்சொல்லின் இலக்கு பண்பு ஒரு புதிய பக்கம் எவ்வாறு திறக்கப்படும் என்பதை தீர்மானிக்கிறது மற்றும் பின்வரும் மதிப்புகளை எடுக்கும்:

• _self - ஆவணம் தற்போதைய சாளரத்தில் திறக்கும்
• _parent - தற்போதைய சட்டத்தின் பெற்றோராக இருக்கும் சட்டகத்தில்
• _top - முழு சட்ட கட்டமைப்பின் பிரதான சாளரத்தில்
• _blank - ஆவணம் புதிய சாளரத்தில் திறக்கும்

எடுத்துக்காட்டாக, புதிய சாளரத்தில் தொடர்புகளுடன் ஒரு பக்கத்தைத் திறக்க, நீங்கள் பின்வரும் குறியீட்டைப் பயன்படுத்த வேண்டும்:

• இணைப்பு - இதுவரை பார்வையிடாத இணைப்புகளின் தோற்றத்தை தீர்மானிக்கிறது.
• Alink - ஏற்கனவே பார்வையிட்ட இணைப்புகளின் தோற்றத்தை தீர்மானிக்கிறது.
• Vlink - தேர்ந்தெடுக்கப்பட்ட இணைப்புகளின் தோற்றத்தை தீர்மானிக்கிறது.

அடுத்த பாடத்தில் HTML இல் கிராபிக்ஸ் உடன் பணிபுரிவது பற்றி பேசுவோம்: படங்களை எவ்வாறு செருகுவது மற்றும் அவற்றை தனிப்பயனாக்குவது எப்படி என்பதைக் கற்றுக்கொள்வோம். தோற்றம்முதலியன

நெட்வொர்க்கில் உள்ள ஆவணங்களை ஒன்றோடொன்று இணைப்பதற்காக ஹைப்பர்லிங்க்கள் கண்டுபிடிக்கப்பட்டன, மேலும் உங்கள் தளம் ஒன்றுக்கு பதிலாக பல பக்கங்களைக் கொண்டிருந்தால், ஹைப்பர்லிங்க்களை உருவாக்குவதன் மூலம் மட்டுமே அவற்றை ஒன்றாக இணைக்க முடியும். இது எப்படி இருக்கும் என்பதை ஒரு உதாரணத்துடன் நேரடியாகப் பார்ப்போம்.

ஒரு எளிய ஹைப்பர்லிங்கை உருவாக்குதல்

மற்றொரு பக்கத்திற்குச் செல்லவும்

இங்கே எல்லாம் எளிது, ஒரு ஹைப்பர்லிங்கை உருவாக்க நாம் குறிச்சொல்லைப் பயன்படுத்துகிறோம் href=”” என்பது மாற்றம் செய்யப்படும் பக்கத்தின் முகவரி, எங்கள் விஷயத்தில் இந்தப் பக்கம் அதே கோப்பகத்தில் அமைந்துள்ளது. நீங்கள் இங்கே href=”http://site.ru/page.html” போன்ற முகவரியைச் செருகலாம் அல்லது அது உங்கள் தளத்தில் உள்ள மற்றொரு கோப்புறையில் உள்ள காப்பகத்திற்கான இணைப்பாக இருக்கலாம் href=”arj/arhiv.zip” அல்லது வேறு எந்த ஆவணத்திற்கும், உண்மையில் எந்த வித்தியாசமும் இல்லை. மேலும், எந்தவொரு ஹைப்பர்லிங்கின் கட்டாய பண்புக்கூறு தலைப்பு, இது இணைப்பின் விளக்கம், இது தேடுபொறி உகப்பாக்கத்தில் மிக முக்கியமான உறுப்பு மற்றும் இங்கே நீங்கள் இணைக்கும் பக்கம் அல்லது ஆவணத்தின் முக்கிய வார்த்தைகளை எழுதுகிறீர்கள். குறிச்சொல்லுக்கு இடையில் அமைந்துள்ள உரை நங்கூரம் என்று அழைக்கப்படுகிறது, மேலும் இது மிகவும் முக்கியமானது.

புதிய பக்கத்தில் இணைப்பைத் திறக்கிறது

உங்களுக்கு பயனுள்ளதாக இருக்கும் மற்றொரு சுவாரஸ்யமான பண்பு உள்ளது:

மற்றொரு பக்கத்திற்குச் செல்லவும்

மதிப்பு _blank உடன் இலக்கு பண்புக்கூறு ஒரு புதிய சாளரத்தில் இணைப்பைத் திறக்கிறது; ஒரு நபர் உங்கள் பக்கத்தை இழக்க விரும்பவில்லை மற்றும் அதே நேரத்தில் ஒரு புதிய தாவல் அல்லது சாளரத்தில் அவருக்குத் தேவையான தகவலைப் பெற விரும்பினால், இது பெரும்பாலும் பயன்படுத்தப்படுகிறது.

பட இணைப்புகள்

உலாவியில் முடிவு:

அடிப்படையில் இங்கே எல்லாம் எளிது, தொடக்க மற்றும் மூடும் ஹைப்பர்லிங்க் குறிச்சொல்லுக்கு இடையில் படக் குறிச்சொல்லை வைத்தேன் , ஆனால் மீண்டும் நான் இரண்டு படங்களை மட்டும் செருகவில்லை, படத்தைச் சுற்றியுள்ள சட்டகத்தை மீட்டமைக்கும் ஒன்றிற்கு img வகுப்பை ஒதுக்கினேன், ஏனெனில் அது ஹைப்பர்லிங்காக மாறும்போது அது தோன்றும், ஆனால் எல்லா உலாவிகளிலும் இல்லை, எடுத்துக்காட்டாக நீங்கள் அதைப் பார்ப்பீர்கள். IE இல், ஆனால் Google Chrome இல் இல்லை.

இணைப்புகளில் அடிக்கோடிடுதல்

மற்றொரு பக்கத்திற்குச் செல்லவும்
மற்றொரு பக்கத்திற்குச் செல்லவும்

தெளிவுக்காக, இந்த சிக்கலைத் தீர்ப்பதற்கு நான் இரண்டு விருப்பங்களை வழங்கினேன், அவற்றை ஒரு வகுப்பு தேர்வாளருக்கு ஒதுக்கினேன், மேலும் இந்த வகுப்பைப் பதிவு செய்வதன் மூலம் குறிப்பிட்ட இடங்களில் தேவையற்ற அடிக்கோடிட்டுகளை அகற்றுவீர்கள். குறிச்சொல்லில் உள்ள அனைத்து இணைப்புகளிலிருந்தும் அடிக்கோடினை அகற்றுவதே சிக்கலுக்கான இரண்டாவது தீர்வு<а>, இது நிச்சயமாக அரிதாகவே தேவையை ஏற்படுத்துகிறது, ஆனால் இன்னும் அறிவு மிதமிஞ்சியதாக இல்லை.

ஒரு ஆவணத்தில் உள்ள இணைப்புகள்

ஒரு ஆவணம் மிக நீளமாக இருந்தால், பக்கத்தின் தொடக்கத்தில் இந்தப் பக்கத்தின் துணைப்பிரிவுகளுக்கான இணைப்புகளுடன் ஒரு சிறிய மெனு இருக்கும் போது இது அசாதாரணமானது அல்ல. இந்த இணைப்புகள் ஆவணத்தில் உள்ள இணைப்புகள் என்று அழைக்கப்படுகின்றன, மேலும் இவை அனைத்தும் மிகவும் எளிமையாக செயல்படுத்தப்படுகின்றன. தொடங்குவதற்கு, நங்கூரங்கள் ஆவணத்தில் வைக்கப்பட்டுள்ளன, இவை லேபிள்கள், அவை ஆவணத்தில் வைக்கப்படுகின்றன, நீங்கள் ஒரு உள் இணைப்பைக் கிளிக் செய்யும் போது அவை நகர்த்தப்பட வேண்டும், ஒரு விதியாக இவை பிரிவு தலைப்புகள், லேபிள் இப்படி இருக்கும்:

< /a>

அத்தியாயம்….< /a>

ஹைப்பர்லிங்க்களைப் பற்றி நாம் தெரிந்து கொள்ள வேண்டிய கடைசி விஷயம் மின்னணு அஞ்சல் பெட்டிகளுக்கான இணைப்புகள், இது மிகவும் எளிமையாக செயல்படுத்தப்படலாம், mailto: மற்றும் அஞ்சல் பெட்டி முகவரியை href பண்புக்கூறில் சேர்க்கவும்:

எனது அஞ்சல்< /a>

இங்குதான் "html இல் ஹைப்பர்லிங்க்களை உருவாக்குதல்" என்ற பாடத்தை நான் முடிக்கிறேன், நீங்கள் கவனித்தபடி, CSS இல்லாமல் எங்களால் செய்ய முடியாது, பொதுவாக பொருள் மிகவும் எளிமையானது, நீங்கள் இருந்தால், எல்லாம் உங்களுக்கு எளிமையாகவும் தெளிவாகவும் இருக்கும் என்று நினைக்கிறேன். ஏதேனும் கேள்விகள் உள்ளன, எழுதுங்கள்.

வெளியீட்டு தேதி: 2014-04-23

எடுத்துக்காட்டு எண் 1 ஐப் பயன்படுத்தி ஹைப்பர்லிங்க்களைப் பயன்படுத்துவதைப் பார்ப்போம்.

விவரக்குறிப்பைக் காண்க HTML 5முடியும் இங்கே.
புதிய சாளரத்தில் பக்கம் திறக்கும்.

உறுப்புகள் மற்றும் பண்புக்கூறுகளின் அட்டவணைகளை இங்கே பதிவிறக்கம் செய்யலாம்.

எடுத்துக்காட்டு எண். 1. ஹைப்பர்லிங்க்களைப் பயன்படுத்துதல்

ஒரு பக்கத்தில் அறிவிப்பாளர்களை உருவாக்க ஹைப்பர்லிங்க்களைப் பயன்படுத்துதல்

"a" உறுப்பு ஒரு பக்கத்திற்குள் செல்ல ஹைப்பர்லிங்காகவும் பயன்படுத்தப்படலாம். இதைச் செய்ய, ஆவணத்தில் சரியான இடத்தில் நீங்கள் உருவாக்க வேண்டும் நங்கூரம்(ஆங்கிலத்திலிருந்து நங்கூரம்), அதாவது. புக்மார்க் செய்து அதை ஹைப்பர்லிங்கின் இலக்காகக் குறிப்பிடவும். ஒரு ஆங்கர் ஒரு வெற்று "a" உறுப்பைப் பயன்படுத்தி உருவாக்கப்படுகிறது, அதன் தொடக்கக் குறிச்சொல் பண்புக்கூறைக் குறிப்பிடுகிறது. தேவையான மார்க்அப் உறுப்பை நங்கூரமாகப் பயன்படுத்தலாம், அதற்கு ஒரு உள் ஹைப்பர்லிங்க் பின்னர் வழிவகுக்கும். இதைச் செய்ய, அதில் உள்ள பண்புக்கூறை நீங்கள் குறிப்பிட வேண்டும். அடுத்து, ஹைப்பர்லிங்கின் href பண்புக்கூறில், மதிப்பு என்பது ஹாஷ் சின்னம் "#" மற்றும் ஆங்கர் பண்புக்கூறின் மதிப்பு. அதை தெளிவுபடுத்த, உதாரணம் எண் 2 ஐப் பயன்படுத்தி எல்லாவற்றையும் கருத்தில் கொள்வோம்.

நான் முதல் பத்தி.

பண்பு அட்டவணையைப் பார்க்கவும் HTML 5முடியும்
அதிகாரப்பூர்வ இணையதளத்தில் இங்கே.
பக்கம் புதிய சாளரத்தில் திறக்கும்
பண்புகளுடன் அட்டவணைக்கு உருட்டப்பட்டது.

நீங்கள் இங்கே முதல் பத்திக்கு செல்லலாம்.

எடுத்துக்காட்டு எண். 2. உள் இணைப்புகளைப் பயன்படுத்துதல்

எடுத்துக்காட்டின் இரண்டாவது பத்தியில் href பண்புக்கூறின் மதிப்பாகக் குறிப்பிடப்பட்ட முழுமையான முகவரியில் உள்ள நங்கூரத்தைக் கவனியுங்கள். அத்தகைய ஹைப்பர்லிங்கைப் பயன்படுத்தும் போது, ​​உலாவி முதலில் குறிப்பிட்ட முகவரிக்குச் சென்று, பின்னர் குறிப்பிட்ட நங்கூரத்தின் இடத்திற்கு பக்கத்தை உருட்டும். பக்கத்தில் நங்கூரம் இல்லை என்றால், பக்கம் ஆரம்பத்தில் இருந்து காண்பிக்கப்படும்.

உறவினர் மிகை இணைப்புகள் மற்றும் உறவினர் முகவரியின் கட்டுமானம்

முடிவில், கட்டுமானத்தின் கொள்கையை கருத்தில் கொள்வோம் உறவினர் முகவரிகள். உள்ளூர் சர்வரில் உள்ள ஒரு ஆவணத்தில் எங்கள் ஹைப்பர்லிங்க் இருக்கட்டும் http://localhost/site/doc_1/doc_2/ ... /doc_n/ web_page.html, doc_n என்பது nth nesting levelன் கோப்புறையாகும். இந்த வழக்கில், doc_n கோப்புறை, இதில் ஹைப்பர்லிங்க் கொண்ட எங்கள் ஆவணம், அனைத்து முகவரிகளையும் அடிப்படையாகக் கொண்ட அடிப்படையாக தானாகவே எடுத்துக்கொள்ளப்படும். அதனால்:

• எங்கள் மூல ஆவணம் ஹைப்பர்லிங்க் உள்ள அதே doc_n கோப்புறையில் அமைந்துள்ள இலக்கு ஆவணமான new_page.htmlக்கு இணைப்பை நீங்கள் சுட்டிக்காட்ட விரும்பினால், நீங்கள் இலக்கு ஆவணத்தின் பெயரை href பண்புக்கூறின் மதிப்பாக அமைக்க வேண்டும். இணைப்பு: href="new_page.html" .
• கோப்புறையில் அமைந்துள்ள new_page.html இலக்கு ஆவணத்திற்கு செல்லவும் http://localhost/site/ doc_1/ doc_2/ ... /doc_n/ doc_n_1/ ... doc_n_k/, இணைப்பின் href பண்புக்கூறின் மதிப்பில் doc_n இன் கீழ் உள்ள கோப்புறைகள் மட்டுமே இருக்க வேண்டும், நிச்சயமாக இலக்கு ஆவணத்தின் பெயர்: href="doc_n_1/ ... doc_n_k/ new_page.html". எனவே, அது doc_n_1 கோப்புறையில், ஹைப்பர்லிங்க் எழுதப்பட்ட மூல ஆவணத்துடன் doc_n கோப்புறையில், பின்னர் doc_n_2 கோப்புறையில் மற்றும் பலவற்றுடன் doc_n_k கோப்புறைக்குச் செல்லும் வரை செல்ல வேண்டும் என்று உலாவியிடம் கூறுகிறோம். இலக்கு ஆவணம் அங்கு அமைந்துள்ளது, அது திறக்கப்பட வேண்டும்.
• அசல் கோப்புறையை விட உயர்ந்த நிலையில் உள்ள கோப்புறையைப் பெற, "../" எழுத்துகளின் சிறப்பு கலவையைப் பயன்படுத்தவும். n நிலைகளை மேலே நகர்த்த, நீங்கள் "../" கலவையை n முறை ஒரு வரிசையில் எழுத வேண்டும். எனவே எங்கள் விஷயத்தில், இலக்கு ஆவணத்திற்கான இணைப்பைப் பின்தொடர http://localhost/site/doc_1/doc_2/ ... /doc_n-3/ new_page.htmlஇணைப்பின் href பண்புக்கூறு "../../../new_page.html" மதிப்பைக் கொண்டிருக்க வேண்டும். இது doc_n-1 கோப்புறைக்கு செல்ல வேண்டும், பின்னர் doc_n-2 மற்றும் doc_n-3, பின்னர் அங்கு அமைந்துள்ள இலக்கு ஆவணமான new_page.html ஐ திறக்க வேண்டும் என்று இது உலாவிக்கு கூறுகிறது.
• இலக்கு ஆவணத்திற்கான அணுகலைப் பெற, பல நிலைகளுக்குச் செல்வது மட்டுமல்லாமல், ஒரு கோப்புறையில் (அல்லது பல துணைக் கோப்புறைகள்) செல்ல வேண்டியது அவசியம் என்றால், இணைப்பின் href பண்புக்கூறின் மதிப்பில், உங்களுக்கு முதலில் தேவை ". ./" குறியீடுகளைப் பயன்படுத்தி மேலே செல்ல தேவையான அளவுகளின் எண்ணிக்கையைக் குறிப்பிடவும், அதன் விளைவாக வரும் கோப்புறையிலிருந்து இலக்கு ஆவணத்தில் பாதையைச் சேர்க்கவும். எடுத்துக்காட்டாக, இலக்கு ஆவணம் new_doc கோப்புறையில் அமைந்திருந்தால், அதற்கான முகவரி பாதை போல் தெரிகிறது http://localhost/site/doc_1/doc_2/ ... /doc_n-3/new_doc/ new_page.html, பின்னர் இணைப்பின் href பண்புக்கூறுக்கு மதிப்பு இருக்க வேண்டும் "../../../new_doc/new_page.html". அந்த. ஹைப்பர்லிங்க் செய்யப்பட்ட ஆவணத்தைக் கொண்ட மூல doc_n கோப்புறையிலிருந்து மூன்று நிலைகளை மேலே செல்லுமாறு உலாவியிடம் கூறுகிறோம், பின்னர் new_doc கோப்புறைக்குச் சென்று இலக்கு ஆவணத்தைத் திறக்கவும் new_page.html

உதாரணமாக, நீங்கள் முற்றிலும் உறவினர் முகவரியில் கட்டமைக்கப்பட்ட பயிற்சி மினிசைட்டைப் பதிவிறக்கலாம். பார்த்த பிறகு, புதிய இணைப்புகள், கோப்புறைகள் மற்றும் பக்கங்களை மாற்றி உருவாக்கி பரிசோதனை செய்யுங்கள்.

தொடர்புடைய மிகை இணைப்புகள்உதவி வழிகாட்டிகள் போன்ற உலாவி அடிப்படையிலான ஆஃப்லைன் பயன்பாடுகளை உருவாக்குவதற்கு மிகவும் வசதியானது. இருப்பினும், நீங்கள் ஒரு ஆவணத்தை தற்போதைய கோப்புறையிலிருந்து மற்றொன்றுக்கு நகர்த்தும்போது, ​​அதில் உள்ள அனைத்து தொடர்புடைய இணைப்புகளும் வேலை செய்வதை நிறுத்தும் என்பதை நினைவில் கொள்ள வேண்டும். எனவே அவை மீண்டும் எழுதப்பட வேண்டும். தற்போதைய கோப்புறையில் அல்லது துணை கோப்புறைகளில் உள்ள கோப்புகளை தொடர்புடைய இணைப்புகள் சுட்டிக்காட்டினால், இந்த கோப்புறையை வேறொரு இடத்திற்கு நகர்த்திய பிறகு, ஆவணத்தில் உள்ள அனைத்து இணைப்புகளும் தொடர்ந்து செயல்படும்.

தளத்தின் மூலத்திலிருந்து தொடர்புடைய பாதையை நீங்கள் எண்ணத் தொடங்க வேண்டும் என்றால், பாதையின் தொடக்கத்தில் "/" என்று ஒரு சாய்வு எழுத வேண்டும். எடுத்துக்காட்டாக, இணைப்பு " வீடு" தளத்தின் ரூட் கோப்புறையில் உள்ள ஒரு ஆவணத்தை சுட்டிக்காட்டுகிறது (தற்போதையது அல்ல!). தளத்தின் மூலத்திலிருந்து எண்ணுவது உண்மையான இணைய சேவையகத்தின் கட்டுப்பாட்டின் கீழ் மட்டுமே செயல்படும் என்பதை நினைவில் கொள்ளவும். எடுத்துக்காட்டாக, உள்ளூர் சேவையகத்தில், Xampp , ரூட் கோப்புறை பெயரில் இருந்து எண்ணுதல் தொடங்க வேண்டும்.