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

இடுகை திட்டம்:

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

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

ஒரு வேளை html இணைப்புக் குறிச்சொல் A என்பது நான் அதிகம் பயன்படுத்திய ஒன்றாகும், img குறிச்சொல்லுடன், இது உரையில் படங்களைக் காண்பிக்கத் தேவையானது. சராசரியாக, நான் வெளியிடும் ஒவ்வொரு கட்டுரையும் அகப் பக்கங்கள் மற்றும் வெளிப் பக்கங்களுக்கான ஐந்து இணைப்புகளைக் கொண்டிருக்கும்.

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

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

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

உங்கள் வேலையை எளிதாக்கும் இன்னும் பல நுணுக்கங்கள் உள்ளன, மேலும் எனது கட்டுரையில் நீங்கள் கீழே படிப்பீர்கள் - இவை rel=”nofollow”, மற்றும் target=“_blank” மற்றும் இணைப்புகள் தொடர்பான பல சுவாரஸ்யமான விஷயங்கள்.

இணைப்பு குறிச்சொல் A - ஒரு html ஆவணத்தில் ஒரு ஹைப்பர்லிங்கை உருவாக்கவும்

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

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

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

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

இங்கே உங்கள் ஹைப்பர்லிங்கின் உரை இருக்க வேண்டும், அதாவது நங்கூரம்

நீங்கள் பார்க்க முடியும் என, இணைப்பு ஒரு திறப்பு அடைப்புக்குறியுடன் தொடங்குகிறது ":

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

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

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

இருப்பினும், தார்மீக பக்கத்திற்கு கூடுதலாக, சிக்கலுக்கு ஒரு தொழில்நுட்ப பக்கமும் உள்ளது - இலக்கு பண்புக்கூறு இல்லை XHTML விவரக்குறிப்புகள் 1.0 கண்டிப்பானது மற்றும், அதன்படி, சரிபார்ப்பை நிறைவேற்றாது!

சரியான தீர்வு: ஜாவாஸ்கிரிப்ட்

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

இங்குதான் ஜாவாஸ்கிரிப்ட் மீட்புக்கு வருகிறது. இணைப்பின் கிளிக் நிகழ்வை இடைமறித்து, window.open() செயல்பாட்டைப் பயன்படுத்தி புதிய சாளரத்தைத் திறக்க முயற்சிப்போம். பின்னர் தவறான திரும்பக் குறிப்பிடுவதன் மூலம் சொந்த சாளரத்தில் இணைப்பைப் பின்தொடர்வதைத் தடைசெய்வோம்:

இணைப்பு புதிய சாளரத்தில் திறக்கும்

இதன் விளைவாக வரும் தீர்வை நாங்கள் சரிபார்க்கிறோம்:

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

ஒரு சிறந்த தீர்வு

பாப்-அப் தடுப்பான்கள் முதன்மையாக எரிச்சலூட்டும் விளம்பரங்களை எதிர்த்து வடிவமைக்கப்பட்டுள்ளன. இந்த அம்சம் அனைத்து நவீன உலாவிகளிலும் கிடைக்கிறது. சில உலாவிகள் வெவ்வேறு நிலைகளில் தடுப்பதை வழங்குகின்றன. எடுத்துக்காட்டாக, Opera 9+ இல் நீங்கள் "தேவையற்ற" சாளரங்கள் அல்லது அனைத்தையும் தடுக்கலாம்.

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

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

இணைப்பு புதிய சாளரத்தில் திறக்கும்

இங்கே window.open() செயல்பாடு திரும்பும் என்ற உண்மையைப் பயன்படுத்திக் கொண்டோம் உண்மை, சாளரம் வெற்றிகரமாக திறக்கப்பட்டால், இல்லையெனில் தவறானது. அதாவது, புதிய சாளரத்தில் இணைப்பு வெற்றிகரமாக திறக்கப்பட்டால், அதன் சொந்த சாளரத்தில் இணைப்பைத் திறப்பதைத் தடுக்கிறோம், ஏனெனில் திரும்பும்! உண்மை = பொய். மற்றும் நேர்மாறாக, சாளரத்தை திறக்க முடியவில்லை என்றால், உண்மை திரும்ப இணைப்பு சாதாரணமாக வேலை செய்ய அனுமதிக்கும்.

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

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

புதிய உலாவி சாளரத்தில் இணைப்பைத் திறக்கும்படி கட்டாயப்படுத்த இலக்கு="_blank" குறிச்சொல்லைப் பயன்படுத்த முடியுமா? இது தீங்கு விளைவிப்பதல்லவா? இது எதையும் பாதிக்குமா?

மிகவும் சுவாரஸ்யமான கேள்வி, உண்மை என்னவென்றால், குறிச்சொல் பண்புக்கூறு , இது புதிய சாளரம் அல்லது உலாவி தாவலில் இணைப்பைத் திறக்கும், இலக்கு="_blank", HTML இல் மிகவும் சர்ச்சைக்குரிய ஒன்றாகும். நானே இதைப் பயன்படுத்துகிறேன் மற்றும் எனது வாசகர்களுக்காக ஒன்றுக்கு மேற்பட்ட முறை பயன்படுத்தினாலும், இந்த சிக்கலைப் புரிந்துகொள்வதும் ஒருவித கருத்துக்கு வர முயற்சிப்பதும் இன்னும் மதிப்புக்குரியது.

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

இலக்கு="_blank" பண்புக்கூறு தவறான பண்புக்கூறு மற்றும் அதன் பயன்பாடு இடைநிலை ஆவணங்களில் மட்டுமே அனுமதிக்கப்படுகிறது:

ஒப்பிடுகையில், பிளாக்கரில் இது பின்வருமாறு:

ஆவண வகை பற்றிய தகவலைக் கொண்டுள்ளது, இது இணையப் பக்கத்தின் தேவையான உறுப்பு, இது பக்கத்தை எவ்வாறு விளக்குவது என்பதை உலாவிக்குக் கூறுகிறது. HTML, XML, XHTML ஆகியவற்றை உருவாக்கிய வரலாற்றில் நான் செல்லமாட்டேன் - இவை அனைத்தும் ஒன்றுக்கு மேற்பட்ட கட்டுரைகளுக்கான பொருள். ஆனால் நான் சாராம்சத்தை தெரிவிக்க முயற்சிப்பேன்.

நாங்கள் பிளாகரைப் பற்றி பேசுகிறோம் என்றால், எங்கள் டெம்ப்ளேட் இரண்டு மொழிகளின் கலவையாகும் - HTML மற்றும் XML, இது போன்ற சந்தர்ப்பங்களில் குறிப்பிட வேண்டியது அவசியம் - XHTML 1.0 கண்டிப்பானது. இந்த வகை ஆவணங்களில் தெளிவான தொடரியல் இருக்க வேண்டும், மேலும் இந்த வகை ஆவணங்களுக்கான விவரக்குறிப்பில் இலக்கு="_blank" பண்புக்கூறு இல்லை. அதனால்தான் எங்களுக்கு இந்த பண்பு தவறானது, உண்மையில், அதைப் பயன்படுத்துவது தடைசெய்யப்பட்டுள்ளது.

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

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

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

முதல் விருப்பம் என்னவென்றால், ஆவணம் செல்லுபடியாகும் வகையில், நீங்கள் சிறப்பு ஜாவாஸ்கிரிப்ட் அல்லது JQuery ஸ்கிரிப்ட்களைப் பயன்படுத்தலாம், அவை புதிய உலாவி மடிப்புகளில் பக்கங்களைத் திறக்கும்.

இந்த முறையின் தீமை: உலாவி அமைப்புகளில் ஜாவாஸ்கிரிப்ட் முடக்கப்பட்டிருந்தால், பக்கம் புதிய சாளரத்தில் திறக்கப்படாது.

இலக்கு="_blank" ஐப் பயன்படுத்துவதே இரண்டாவது விருப்பம், மேலும் இந்தச் சிக்கலால் இனி பாதிக்கப்படக்கூடாது. இந்தப் பண்புக்கூறு தவறானது என்றாலும், எல்லா உலாவிகளிலும் இது ஆதரிக்கப்படுகிறது. மேலும் அதன் பயன்பாடு தேடுபொறிகளால் தளத்தின் அட்டவணைப்படுத்தலை எந்த வகையிலும் பாதிக்காது.

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

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

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

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

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

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

இந்த சிக்கலைப் பற்றி நீங்கள் தீவிரமாக யோசித்து, ஒரு சிறப்பு ஸ்கிரிப்டைப் பயன்படுத்த முடிவு செய்திருந்தால், உங்களுக்காக ஒரு தீர்வைக் கண்டுபிடிக்க முயற்சித்தேன். இந்த ஸ்கிரிப்ட் எந்த இணையதளம், CMS மற்றும் Blogger இயங்குதளத்திற்கும் ஏற்றது; உதாரணமாக Bloggerஐப் பயன்படுத்துவதை நான் உங்களுக்குக் காட்டுகிறேன்.

வடிவமைப்பிற்குச் செல்லவும் - HTML ஐத் திருத்து, குறியீட்டைக் கண்டுபிடித்து அதன் முன் குறியீட்டைச் செருகவும்:

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

வெளி (
திணிப்பு: 0 10px 2px 0;
பின்னணி: url(http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAABfA/QJM25G6lInk/externallink.gif) இல்லை-ரிப்பீட் வலது மையம்;
}

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

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

http://sites.google.com/site/seobiblioteka/extlinks.js
http://sites.google.com/site/seobiblioteka/external.js

ஆனால் கடைசி இரண்டு ஸ்கிரிப்ட்கள் ஸ்டைல்களை தானாக ஏற்றுவதை ஆதரிக்காது, எனவே உட்புறத்தில் இருந்து வேறுபட்ட வெளிப்புற இணைப்பிற்கு நீங்கள் ஒரு பாணியைப் பயன்படுத்த விரும்பினால், அந்த இணைப்பிற்கு class="external" வகுப்பை ஒதுக்க மறக்காதீர்கள்.

இலக்கு="_blank" ஐப் பயன்படுத்தி, புதிய தாவலில் இணைப்பைத் திறப்பது அவ்வளவுதான். வாசகரின் கேள்விக்கு நான் பதிலளித்தேன் என்று நம்புகிறேன், மேலும் இந்த தகவல் அனைவருக்கும் பயனுள்ளதாக இருக்கும்.

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

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

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

ஹைப்பர்லிங்க்கள் மற்றும் ஆங்கர்கள் என்றால் என்ன?

எனவே, அன்றாட பயன்பாட்டிற்கு பரிந்துரைக்கப்படாத காலாவதியான குறிச்சொற்களை நாங்கள் ஏற்கனவே அறிந்திருக்கிறோம். மேலும் நமது அறிமுகத்தைத் தொடர்வோம்.

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

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

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

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

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

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

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

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

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

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

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

ஆங்கர்கள் மற்றும் இணைப்பு ஹாஷ்கள் எவ்வாறு உருவாக்கப்படுகின்றன

எனவே, இந்த விஷயத்தில் எங்கள் பணி பக்கத்தில் (ஆவணம்) சரியான இடங்களில் நங்கூரங்களை நிறுவுவதாகும், இது பொதுவாக இப்படி இருக்கும்:

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

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

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

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

தலைப்பு உரை

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

இதைச் செய்ய, "A" என்ற ஹைப்பர்லிங்கிற்குள் தேவையான "Href" பண்புக்கூறை நீங்கள் வழக்கம் போல் செருக வேண்டும், ஆனால் அதன் மதிப்பு ஹாஷுக்கு முன் விரும்பிய லேபிளின் (நங்கூரம்) பெயரிலிருந்து உருவாகும். அடையாளம் “#”, இது ஹாஷ் என்றும் அழைக்கப்படுகிறது ( இது, அடிக்கடி பயன்படுத்தப்படும் பெயரின் கால்கள் வளரும் இடம்: இணைப்பு ஹாஷ்):

நங்கூரத்துடன் குறிக்கப்பட்ட பக்கத்தின் இடத்திற்கு நகரும்

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

வசதியாக அமைந்துள்ள குறிச்சொல்லில் ஐடி பண்புக்கூறைப் பயன்படுத்தி நீங்கள் ஒரு நங்கூரத்தை உருவாக்கினால், பயன்படுத்தப்படும் எழுத்துக்களின் வகையின் கட்டுப்பாடுடன் (,,,[_],[-]), ஐடி மதிப்பையும் நீங்கள் கணக்கில் எடுத்துக்கொள்ள வேண்டும். லத்தீன் எழுத்து எழுத்துடன் தொடங்க வேண்டும்.

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

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

Href என்பது எந்த ஹைப்பர்லிங்கிற்கும் தேவையான டேக் பண்புக்கூறாகும்

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

நங்கூரம்

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

இருப்பினும், Url ஐ உருவாக்கும் போது, ​​பின்வரும் எழுத்துக்களை மட்டுமே பயன்படுத்துவது சிறந்தது என்பதை உங்களுக்கு நினைவூட்டுகிறேன்: (,,,[_],[-]) மற்றும் இடைவெளிகளைப் பயன்படுத்த வேண்டாம். முழுமையான இணைப்புகளுக்கான Href பண்புக்கூறின் உள்ளடக்கங்களை நாம் கருத்தில் கொண்டால், அதை பின்வருமாறு திட்டவட்டமாக குறிப்பிடலாம்:

நீங்கள் அரிதாகப் பயன்படுத்துவதை நாங்கள் நிராகரித்தால், நீங்கள் அதையே ஓரளவு எளிமைப்படுத்திய வடிவத்தில் வழங்கலாம்:

நெறிமுறை (பொதுவாக http)://domain_name (எடுத்துக்காட்டாக, இணையதளம்)/path_to_file ( வலை பக்கங்கள்)

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

இணையத்தில் நீங்கள் Href உள்ளடக்கத்தின் வெவ்வேறு பதிப்புகளைக் காணலாம், எடுத்துக்காட்டாக, இது:

Https://site/videokursy

அல்லது இது (கோப்பு நீட்டிப்புடன்):

Https://site/seo/kak-raskrutit-sajt.html

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

இணைப்பிலிருந்து எதையாவது பதிவிறக்கவும்

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

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

எடுத்துக்காட்டாக, Href இல் தொடர்புடைய Url ஐச் சேர்ப்பதன் மூலம் நீங்கள் (அஞ்சல்) ஒன்றை உருவாக்கலாம்:

கடிதம் எழுது

இந்த இணைப்பைக் கிளிக் செய்தால், நீங்கள் பயன்படுத்தும் இயல்புநிலை உங்கள் கணினியில் திறக்கும். அஞ்சல் நிரல்(உலாவியில் நீங்கள் ஜிமெயில் போன்றவற்றில் திறக்க Href இல் mailto உடன் இணைப்புகளை உள்ளமைக்கலாம்.) மேலும் ஒரு புதிய கடிதத்தை உருவாக்குவதற்கான உரையாடல் தோன்றும், அதில் Href இல் கொடுக்கப்பட்ட மின்னஞ்சல் முகவரி "To" புலத்தில் செருகப்படும்.

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

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

புதிய சாளரத்தில் இணைப்பை எவ்வாறு திறப்பது (இலக்கு வெற்று)

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

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

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

ஆவணத்தை அதே சாளரத்தில் திறக்கிறது

இருப்பினும், "A" குறிச்சொல்லில் இலக்கு="_self" என்று யாரும் எழுதவில்லை, ஏனெனில் இந்த மதிப்பு இயல்பாகவே பயன்படுத்தப்படுகிறது, ஆனால் நீங்கள் ஒரு புதிய சாளரத்தில் பக்கத்தைத் திறக்க வேண்டும் என்றால், நீங்கள் இலக்கு="_blank என்று எழுத வேண்டும். ":

புதிய சாளரத்தில் திறக்கும்

இலக்கு பண்புக்கூறு மதிப்புகள் தொடக்கத்தில் (_blank) அடிக்கோடிட்டு எழுதப்பட்டுள்ளன என்பதை நினைவில் கொள்ளவும், ஏனெனில் இது ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழி துளைகளைக் கொண்ட Wc3 வேலிடேட்டரில் குறிப்பிடப்பட்டுள்ளது. குறிப்பிடத்தக்கது என்னவென்றால், இயல்புநிலை இணைப்பு திறப்பு விருப்பத்தை மாற்றும் திறனை Html வழங்குகிறது.

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

அங்கே வேறு ஏதோ இருக்கிறது

இப்போது, ​​நீங்கள் அதே சாளரத்தில் இணைப்புகளில் ஒன்றைத் திறக்க விரும்பினால், நீங்கள் இலக்கு = "_self" ஐ அதன் "A" குறிச்சொல்லில் சேர்க்க வேண்டும், ஏனெனில் முன்னிருப்பாக நீங்கள் இப்போது _blank ஐப் பயன்படுத்துகிறீர்கள். ஓ, எப்படி.

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

ஹைப்பர்லிங்க் ஹோவர் மற்றும் வண்ணங்களைக் கிளிக் செய்யவும் - அவற்றை எவ்வாறு மாற்றுவது

Html மொழி வடிவமைக்கப்பட்டுள்ளது, இதனால் பயனர் ஏற்கனவே எந்த இணைப்பைத் திறந்தார், எந்த இணைப்பைத் தொடவில்லை என்பதை எளிதாகக் கண்டறிய முடியும்.

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

முன்னிருப்பாக, தூய HTML இல் (பயன்படுத்தாமல் CSS பண்புகள்) இணைப்புகள் அடிக்கோடிட்டுக் காட்டப்பட்டு மூன்று வண்ண விருப்பங்களைக் கொண்டிருக்கலாம்:

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

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

ஊதா என்பது பயனர் ஏற்கனவே பின்பற்றிய செலவழிக்கப்பட்ட இணைப்புகளுக்கான வண்ணம்

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

இணைப்பு - பார்வையிடாத இணைப்பின் நிறத்தை அமைக்கிறது

Alink - தற்போது செயலில் உள்ள ஒன்றின் நிறம், இது உலாவியால் செயலாக்கப்படுகிறது

Vlink - பயனர் ஏற்கனவே பார்வையிட்ட ஹைப்பர்லிங்கின் நிறம்

நினைவில் கொள்ளுங்கள், நான் ஏற்கனவே எப்படி எழுதினேன். அதன்படி, குறிப்பிடப்பட்ட பண்புக்கூறுகள் இப்படி இருக்கலாம்:

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

ஒரு படத்தை இணைப்பாக மாற்றுவது எப்படி - இரண்டு வழிகள்

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

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

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

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

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

அதிர்ஷ்டம் உங்களுக்கு உரித்தாகட்டும்! வலைப்பதிவு தளத்தின் பக்கங்களில் விரைவில் சந்திப்போம்

நீங்கள் ஆர்வமாக இருக்கலாம்

தேர்ந்தெடு, விருப்பம், Textarea, Label, Fieldset, Legend - tags HTML படிவங்கள்கீழ்தோன்றும் பட்டியல்கள் மற்றும் உரை புலம்
எப்படி செருகுவது HTML இணைப்புமற்றும் ஒரு படம் (புகைப்படம்) - IMG மற்றும் A குறிச்சொற்கள்
Iframe மற்றும் Frame - அவை என்ன மற்றும் Html இல் பிரேம்களை எவ்வாறு பயன்படுத்துவது
வெண்வெளி எழுத்துக்கள்மற்றும் Html இல் குறியீட்டின் வடிவமைத்தல், அத்துடன் சிறப்பு எழுத்துக்கள் உடைக்காத இடம்மற்றும் பிற நினைவூட்டல்கள்
MailTo - அது என்ன மற்றும் ஒரு மின்னஞ்சலை அனுப்ப Html இல் இணைப்பை எவ்வாறு உருவாக்குவது
Html மற்றும் CSS குறியீட்டில் வண்ணங்கள் எவ்வாறு அமைக்கப்படுகின்றன, அட்டவணையில் RGB நிழல்களின் தேர்வு, Yandex வெளியீடு மற்றும் பிற நிரல்கள்
எழுத்துரு (முகம், அளவு மற்றும் நிறம்), பிளாக்கோட் மற்றும் முன் குறிச்சொற்கள் - மரபு உரை வடிவமைப்பு தூய HTML(இல்லாமல் CSS ஐப் பயன்படுத்துகிறது)
Img - Html குறிச்சொல் ஒரு படத்தைச் செருகுவதற்கு (Src), அதைச் சுற்றி உரையை சீரமைத்தல் மற்றும் சுற்றுதல் (சீரமைத்தல்), அத்துடன் பின்னணி (பின்னணி) அமைப்பது
Html குறியீட்டில் உள்ள பட்டியல்கள் - UL, OL, LI மற்றும் DL குறிச்சொற்கள்
தலைப்பு குறிச்சொற்கள் மற்றும் பண்புக்கூறுகள் H1-H6, படுக்கைவாட்டு கொடு Html 4.01 தரநிலையின்படி Hr, வரி முறிப்பு Br மற்றும் பத்தி முறிப்பு P