HTML5 පෝස්ටලර් සම්බන්ධතා සඳහා නවක මාර්ගෝපදේශනයක්

HTML5 පෝස්ටලර් සබැඳි යනු කුමක්ද?

HTML5 දක්වා idUp, ටැග් එක ගණයට අවශ්යය: href. නමුත් HTML5 මගින් එම ගුණාංගය අනිවාර්යයෙන්ම භාවිතා කරයි. ඔබ යම් ලක්ෂණයක් නොමැතිව ලේබලයක් ලිවීමේදී එය ස්ථානයක හෝ සබැඳියක් ලෙස හැඳින්වේ.

තැටියක සබැඳිය මෙලෙස දිස්වේ:

පෙර

සංවර්ධනයේ දී පෝස්ටෝල් සම්බන්ධතා භාවිතා කිරීම

සෑම වෙබ් නිර්මාණකරුවෙක්ම වෙබ් අඩවියක් නිර්මාණය කිරීම සහ නිර්මාණය කිරීම අතරතුර එක් කාල හෝ වෙනත් අවස්ථාවලදී තැටි රඳවනයන් නිර්මාණය කර ඇත. HTML5 ට පෙර අපි මෙසේ ලිවීය:

සබැඳි පෙළ

තැනයි. මම එම තැරැව්කරුවන් සමඟ ගනුදෙනුකරුවන් වෙත මාockup අඩවි යවා ඇති අතර, සේවාලාභියාගෙන් විමසනු ඇත. "පාඨයේ ඇති සබැඳි ක්රියා නොකරන්නේ මන්ද?"

හිස්ටාග් (#) ස්ථානයක සම්බන්ධකය ලෙස භාවිතා කිරීමේ ගැටළුව වන්නේ සබැඳිය ක්ලික් කළ හැකි වන අතර මෙය ඔබේ ගනුදෙනුකරුවන්ට අවුල් සහගත විය හැක. තවද, යමෙකු නිවැරදි වෙබ් අඩවි සමඟ ඒවා යාවත්කාලීන කිරීමට අමතක වී ඇත්නම්, එම සබැඳි කිසිවක් වෙත සම්බන්ධ නොවන බැවින් එම සබැඳි සජීවී අඩවියට කැඩී වෙන්විය හැකිය.

ඒ වෙනුවට, ඔබ කිසිදු ගුණාංගයකින් තොරව ටැග් භාවිතා කළ යුතුය. ඔබට මෙම පිටුවෙහි ඇති වෙනත් සබැඳියක් මෙන් පෙනෙන්නට ඔබට මෙම විලාසිතාව සකස් කළ හැකි නමුත්, ඔවුන් හුදෙක් තැටි රඳවන නිසා ඒවා ක්ලික් කළ නොහැක.

සජීවී ස්ථාන මත පෝස්ටෝල් ලින්ක්ස් භාවිතා කිරීම

නමුත් සංවර්ධනය සඳහා වඩා වැඩි ප්රමාණයක් සඳහා වෙබ් නිර්මාණයන්හි ස්ථානගත කිරීමේ සබැඳි ඇත්තේ ස්ථානයකි. ස්ථාන ගත කරන ලින්ක් එකකට බැබළෙන්න පුළුවන් එක් ස්ථානයක් සැරිසරන්න. බොහෝ අවස්ථාවන්හිදී, වෙබ් අඩවි සංක්රමණයන් ලැයිස්තුගත කර ඇත්තේ ඔබ කුමන පිටුවක් පෙන්වීමටද යන්නයි. මේවා බොහෝ විට "ඔබ මෙහි" දර්ශකයන් ලෙස හැඳින්වේ.

බොහෝ වෙබ් අඩවි "ඔබ මෙහි මෙහි" සලකුණ අවශ්ය වන මූලද්රව්යයේ id attributes මත රඳා පවතී, නමුත් සමහර අය පන්ති ගුණාංගය භාවිතා කරයි. කෙසේ වෙතත්, ඔබ භාවිතා කරන කවර හෝ ආවේණිකතාවයක් සඳහා, ඔබ විසින් එහි ඇති සංචලනය කර ඇති සෑම පිටුවකටම කාර්යය පොකුරක් කිරීමට අවශ්ය වන අතර, නිවැරදි මූලද්රව්යයන්ගෙන් එම ගුණාංගය ඉවත් කිරීම සහ ඉවත් කිරීම අවශ්ය වේ.

තැටියක සම්බන්ධකයක් සමඟ, ඔබට අවශ්ය පරිදි ඔබේ සංචාලනය ලිවිය හැකිය, ඔබ විසින් පිටුවකට සංචාලනය එකතු කරන විට අදාල සබැඳිය වෙතින් href ගුණාංගය ඉවත් කරන්න. මගේ මුළු සංචක ලැයිස්තුව මගේ සංස්කාරකයේ කොටසක් ලෙස ගබඩා කර ඇති නිසා එය ඉක්මන් පිටපත්-ඇලවුමෙන් හා href එක මකා දැමිය හැක. ඔබේ CMS එක ම යමක් කිරීමට ද ඔබට හැකිය.

අමතරව විශේෂ සැරසිලි එකතු කිරීමක් (පහත දැක්වෙන ආකාරයට) ඔබට වෙන්කර ඇති සබැඳිය වෙත සබැඳිය, සබැඳිය ක්ලික් කළ නොහැක. එබැවින් ඔවුන් දැනට පවතින සංචාලන සබැඳිය මත ක්ලික් කළහොත් ඔවුන් වෙනත් දෙයක් ලබා ගත හැකි බව සිතීම සිත් කම්පා කරගත නොහැකිය.

ස්ටයිලිං ප්ලේයර් ලින්ක්ස්

ඔබගේ වෙබ් පිටුවෙහි වෙනත් සබැඳි සිට වෙනත් තැනක සිට ශෛලිය වෙනස් කිරීමට වෙනත් ස්ථානයක ලින්ක් සබඳතා තිබේ. සරලවම ටැග් එකක් සහ a: link ටැගයක් හැදීමට වග බලා ගන්න. උදාහරණයක් වශයෙන්:

{වර්ණය: රතු; font-weight: bold; පාඨමය අලංකාරය: කිසිවක් නැත; } a: link {වර්ණය: නිල්; ෆොන්ට-බර: සාමාන්ය; පාඨමය අලංකාරය: යටි ඉරි; }}

මෙම CSS මගින් අවධාරණය නොකෙරෙන අතර, තැටියක රතු සහ රතු පාටින් බැඳී ඇත. නිතිපතා සබැඳි සාමාන්ය බර, නිල් සහ යටින් ඉස්මතු වේ.

ටැග් වලින් ඔබ රැගෙන යාමට අවශ්ය නොවන කිසියම් ශෛල්යයන් නැවත සැකසීමට මතක තබා ගන්න. නිදසුනක් ලෙස, මම තැටිය තදබදව තදකුරු සබැඳි සඳහා අකුරු බර තැබුවා, ඒ නිසා මම එය පිහිටුවීමට සිදුවේ:

ෆොන්ට-බර: සාමාන්ය;

සම්මත සබැඳි සඳහා. අක්ෂර වින්යාසයක් සමග එය මුළුමනින්ම සත්යය වන අතර එය තේරිය හැකිනම්, මම එය ආපසු නොකළහොත් එය සබැඳි තේරීම සඳහා ඉවත් කරනු ඇත: