ஐந்து HTML5 பெட்டிக்கு இணைப்புகள் என்ன?
idUp வரை HTML5 வரை, ஒரு குறிச்சொல்லை ஒரு பண்பு தேவை: href. ஆனால் HTML5 அந்த பண்பு விருப்பத்தை கூட செய்கிறது. எந்த பண்புக்கூறுகளையும் இல்லாமல் ஒரு டேக் எழுதும்போது அது ஒரு ஒதுக்கிட இணைப்பு என்று அழைக்கப்படுகிறது.
ஒரு ஒதுக்கிட இணைப்பு இதுபோல் தெரிகிறது:
முந்தையஅபிவிருத்தி போது பெட்டிக்கு இணைப்புகள் பயன்படுத்தி
வலைத்தள வடிவமைத்து உருவாக்கும்போது கிட்டத்தட்ட ஒவ்வொரு இணைய வடிவமைப்பாளரும் ஒரே நேரத்தில் அல்லது ஒரு நேரத்தில் ஒதுக்கிட இணைப்புகளை உருவாக்கியுள்ளார். HTML5 க்கு முன், நாங்கள் எழுதுவோம்:
இணைப்பு உரைஒதுக்கிடமாக. வாடிக்கையாளர்களுக்கு வாடிக்கையாளர்களிடம் mockup தளங்களை அனுப்பியுள்ளேன். வாடிக்கையாளர் என்னை "ஏன் உரைப்பக்கத்தில் உள்ள இணைப்புகளைச் செய்யக்கூடாது?" என்று கேட்டார்.
ஒரு ஹேஸ்டேக் (#) ஐ பயன்படுத்தி ஒரு ஒதுக்கிட இணைப்பைப் பயன்படுத்துவது, இணைப்பு கிளிக் செய்யக்கூடியது, இது உங்கள் வாடிக்கையாளர்களுக்கு குழப்பத்தை ஏற்படுத்தும். மேலும், சரியான URL கள் மூலம் அவற்றைப் புதுப்பிக்க யாராவது மறந்துவிட்டால், அந்த இணைப்புக்கள் நேரடி தளத்தில் உடைக்கப்படலாம், ஏனென்றால் அவை எதையும் இணைக்காது.
அதற்கு பதிலாக, எந்தவொரு பண்புக்கூறும் இல்லாமல் குறிச்சொற்களைப் பயன்படுத்த வேண்டும். உங்கள் பக்கத்திலுள்ள வேறு எந்த இணைப்பைப் போலவே இந்த பாணியை நீங்கள் உருவாக்க முடியும், ஆனால் அவை பெட்டிகளாக இருப்பதால் அவை கிளிக் செய்யப்படாது.
நேரடி தளங்களில் பெட்டிக்கு இணைப்புகளை பயன்படுத்துதல்
ஆனால், ஒதுக்கிட இணைப்புகள், வலை வடிவமைப்பில் ஒரு மேம்பாடு மட்டுமல்ல, ஒரு இடத்தைக் கொண்டிருக்கின்றன. ஒரு ஒதுக்கிட இணைப்பு பிரகாசிக்கும் ஒரு இடம் வழிசெலுத்தலில் உள்ளது. பல சந்தர்ப்பங்களில், வலைத்தள வழிசெலுத்தல் பட்டியல்கள் நீங்கள் எந்த பக்கத்தை குறிப்பிடுகிறீர்கள் என்று சில வழிகள் உள்ளன. இவை பெரும்பாலும் "நீ இங்கே இருக்கிறாய்" குறிகாட்டிகள் என்று அழைக்கப்படுகின்றன.
பெரும்பாலான தளங்கள், "நீங்கள் இங்கே இருக்கிறீர்கள்" மார்க்கர் மீது ஐடி பண்புகளை நம்பியுள்ளன, ஆனால் சிலர் வகுப்பு பண்புகளையும் பயன்படுத்துகின்றனர். இருப்பினும், நீங்கள் பயன்படுத்த வேண்டிய பண்பு என்னவென்றால், நீங்கள் ஒவ்வொரு பக்கத்திற்கும் பணிபுரிய வேண்டும், அதில் உள்ள வழிசெலுத்தலைச் சேர்த்து, சரியான கூறுகளிலிருந்து பண்புகளை அகற்ற வேண்டும்.
ஒரு ஒதுக்கிட இணைப்புடன், நீங்கள் விரும்பினால் உங்கள் வழிநடத்துதலை நீங்கள் எழுதலாம், பின்னர் ஒரு பக்கத்திற்கு வழிசெலுத்தலைச் சேர்க்கும் போது அதற்கான இணைப்பைக் கொண்டே href பண்புகளை அகற்றலாம். எனது முழு ஊடுருவல் பட்டியலையும் என் ஆசிரியர் ஒரு துணுக்கை என சேமித்து வைக்கிறேன், அது ஒரு விரைவான நகலாகும். அதே விஷயத்தைச் செய்ய உங்கள் CMS ஐ பெறலாம்.
மேலும் ஒதுக்கிட இணைப்புக்கு சிறப்பு ஸ்டைலிங் (நான் எப்படி கீழே காண்பிப்பேன்) சேர்த்து, இணைப்பை கிளிக் செய்ய முடியாது. எனவே வாடிக்கையாளர்கள் அவர்கள் தற்பொழுது உள்ள வழிசெலுத்தல் இணைப்பைக் கிளிக் செய்தால் வேறு ஏதேனும் கிடைக்கும் என்று குழம்பிப் போவதில்லை.
ஸ்டைலிங் பெட்டிக்கு இணைப்புகள்
பெட்டிக்கு இணைப்புகள் உங்கள் வலைப்பக்கத்தில் உள்ள மற்ற இணைப்புகளிலிருந்து வேறுபட்ட பாணியிலும் பாணியிலும் எளிதாக இருக்கும். வெறுமனே ஒரு குறிச்சொல் மற்றும் ஒரு: இணைப்பு டேக் இரண்டு பாணி உறுதி. உதாரணத்திற்கு:
ஒரு {நிறம்: சிவப்பு; எழுத்துரு-எடை: தடித்த; உரை அலங்காரம்: எதுவும் இல்லை; } a: இணைப்பு {color: blue; எழுத்துரு-எடை: சாதாரண; உரை அலங்காரம்: அடிக்கோடிடு; }இந்த CSS ஒதுக்கிட இணைப்புகளை தைரியமான மற்றும் சிவப்பு, எந்த அடிக்கோடிடும் கொண்டு செய்யும். வழக்கமான இணைப்புகள் சாதாரண எடை, நீல மற்றும் அடிக்கோடிடும் போது இருக்கும்.
நீங்கள் ஒரு குறிச்சொல்லை இருந்து எடுத்து கொள்ள விரும்பவில்லை எந்த பாணிகளை மீட்டமைக்க நினைவில். உதாரணமாக, நான் எழுத்துரு-எடை தட்டச்சு இணைப்புகள் இணைப்புக்கு அமைக்க, அதனால் நான் அதை அமைக்க வேண்டும்:
எழுத்துரு-எடை: சாதாரண;நிலையான இணைப்புகள். உரை அலங்காரத்துடன் இது உண்மையாகும், தேர்வுக்குறியுடன் அதை நீக்கிவிட்டு, அதை திரும்பப் பெறாவிட்டால், ஒரு இணைப்பை தேர்ந்தெடுப்பதற்கு நீக்கப்பட்டது.