පෙළ සබැඳි සහ දැන සිටීමට ඇති ගැටළු යටින් ඉවත් කිරීම සඳහා පියවර
පෙරනිමියෙන්, හෝ "නැංගුරම්" මූලද්රව්යය භාවිතයෙන් HTML වලට සම්බන්ධ වූ පෙළ අන්තර්ගතයන් යටින් ඉස්මතු කර ඇත. බොහෝ අවස්ථාවලදී, වෙබ් නිර්මාණකරුවන් මෙම යටි ඉරීම ඉවත් කරමින් මෙම පෙරනිමි මෝස්තරය ඉවත් කිරීමට තෝරා ගනී.
බොහෝ නිර්මාණකරුවෝ අවධාරණය කරන ලද අකුරු පෙනුම ගැන සැලකිලිමත් නැත. අවධාරණය කළ වචන සියල්ලම ලියවිල්ලක කියවීමේ ප්රවාහය බිඳ දැමිය හැකිය. බොහෝ අය තර්ක කරන්නේ ඒවා අවධාරණය කරන්නේ ඇත්ත වශයෙන්ම අවධාරණය කරනුයේ හරියටම අවධාරණය කරන ආකාරයට ස්වාභාවික අක්ෂරවල වෙනස්කම් වෙනස් කිරීම නිසා ඉක්මනින් වෙනස හඳුනාගැනීමට සහ කියවීමට පහසු වන වචන ය.
කෙසේ වෙතත් මේවා රඳවා තබා ගැනීම සඳහා සාධාරණ ප්රතිලාභ තිබේ. නිදසුනක් ලෙස, ඔබ විශාල පෙළ කොටස් හරහා බ්රවුස් කරන විට, නිවැරදි වර්ණ වෙනස සමඟ සම්බන්ධිත ඈඳියන් පාඨකයාට වහාම පිටුවක ස්කෑන් කිරීම පහසු කරවනු ඇත. About.com වෙබ් අඩවි නිර්මාණ වෙබ් අඩවිවල මෙන්ම වෙනත් වෙබ් අඩවිවලද වෙනත් ලිපිද ඔබ දෙස බලන්නේ නම් යටින් ඉස්මතු කර ඇති සබැඳි මෙම සැලසුම බලන්න.
පාඨයෙන් ලින්ක් ඉවත් කිරීමට ඔබ තීරණය කරන්නේ නම් (අපි ඉතා ඉක්මනින් ආවරණය කරනු ලබන සරල ක්රියාවලියකි), සරල පාඨයෙන් කුමක් හෝ සම්බන්ධයක් යනු කුමක්ද යන්න තවමත් වෙනස් කිරීම සඳහා එම පාඨය විලාසනය කිරීමට ක්රමයක් සොයා ගැනීමට වග බලා ගන්න. මෙය බොහෝ විට ඉහත සඳහන් වර්ණ පරස්පරය සමඟ සිදු කරන නමුත් වර්ණ පමණක් වර්ණ අන්ධ බව වැනි දෘශ්ය ආබාධ සහිතව නරඹන්නන්ට ගැටළුවක් විය හැකිය. ඔවුන්ගේ විශේෂ වර්ණ අන්ධභාවයට අනුව, ඒවායේ ඇති අරුත සම්පූර්ණයෙන්ම අහිමි වන අතර ඒවා සම්බන්ධිත හා නොබැඳි පෙළ අතර වෙනස දැකීම වළක්වයි. යටින් ආවරණ පාඨය සබැඳි පෙන්වීමට හොඳම ක්රමය ලෙස තවමත් සැලකේ.
එසේනම් ඔබට එසේ කිරීමට අවශ්ය නම්, ඔබ අවධාරණය කරන්නේ කෙසේද? මෙය දෘෂ්ය චරිතයක් වන බැවින් අපි අපගේ වෙබ් අඩවියේ දෘශ්ය චරිත රඟපෑමට යොමු කරමු. CSS.
සබැඳි මත යටින් හැරවීම සඳහා කැස්කෑඩින් ස්ටයිල් පත්රය භාවිතා කරන්න
බොහෝ අවස්ථාවලදී, ඔබට එක් පෙළ සම්බන්ධතාවක් මත පමණක් යටින් හැරී බැලීමට බලාපොරොත්තු නොවේ. ඒ වෙනුවට, ඔබේ නිර්මාණ ශෛලිය බොහෝ විට ඔබ සියලු සබැඳි සිට යටින් ඉවත් කිරීම සඳහා අවශ්ය වේ. ඔබ ඔබේ බාහිර විලාසය සඳහා ශෛලමය එකතු කිරීමෙන් මෙය සිදු කරනු ඇත.
{පෙළ-අලංකාරය: කිසිවක් නැත; }}ඒක තමයි! CSS එකේ සරල රේඛාව අවහිර කිරීම අක්රිය කරන්න (සියල්ලම සබැඳි මත "text-decoration" සඳහා CSS දේපල භාවිතා කරයි).
ඔබට මෙම ශෛලිය සමඟ වඩාත් නිශ්චිත විය හැකිය. නිදසුනක් ලෙස, ඔබට අවශ්ය වන්නේ "යට" මූලය තුළ යටි ඉරි උඩින් හෝ සබැඳි ඉවත් කිරීමට නම්, ඔබට ලිවිය හැකිය:
nav {{පෙළ-සැරසිලි: none; }}දැන්, පිටුවෙහි ඇති පෙළ සබැඳි පෙරනිමිය යටින් ඇති බවක් දක්වනු ඇත, නමුත් නාවිකයින් තුළ එය ඉවත් කරනු ඇත.
බොහෝ වෙබ් නිර්මාණකරුවන් විසින් තෝරා ගැනීමට එක් එක් දෙය නම්, යමෙකු පෙළට ඉහලින් ඇති විට, සබැඳිය නැවත සම්බන්ධ කිරීමයි. මෙය මෙසේ සිදු කරනු ඇත: මෙම CSS ව්යාජ පන්තියට හඹා යන්න:
{පෙළ-අලංකාරය: කිසිවක් නැත; } a: hover {පෙළ-සැරසිලි: යටි ඉරි; }}පේළි ඉන්ස්ටෝල් CSS භාවිතා කිරීම
බාහිර වින්යාසය අනුව වෙනස්කම් සිදු කිරීම සඳහා විකල්පයක් ලෙස, ඔබට HTML හි මූලද්රව්යයටම කෙලින්ම විලාසයන් එකතු කළ හැකිය:
මෙම සබැඳිය යටි ඉඟි නැතමෙම ක්රමයේ ඇති ගැටළුව වන්නේ ඔබේ HTML ව්යුහය තුළ ශෛලියක් ලබා දෙන බවයි. එය හොඳම භාවිතයන් නොවේ. ශෛලිය (CSS) සහ ව්යුහය (HTML) වෙන් වෙන්ව තැබිය යුතුය.
ඔබට වෙබ් අඩවියේ පෙළ සබැඳි සියල්ලම ඉවත් කිරීමට අවශ්ය නම්, එක් එක් සබැඳිය සඳහා එක් එක් සබැඳිය වෙත මෙම ස්ලයිඩ තොරතුරු එක් කිරීම සඳහා ඔබේ වෙබ් අඩවියේ කේතයට එකතු කරන අතිරේක ලකුණු කිරීමක් අදහස් වනු ඇත. වෙබ් පිටුවෙහි බෑමේ කාලය මන්දගාමී වන අතර සමස්ත පිටු කළමනාකරණය වඩාත් අභියෝගාත්මක වේ. මෙම හේතූන් නිසා, සෑම පිටුවකදීම අවශ්ය වන පරිදි බාහිර ශිලා පත්රය වෙත සෑම විටම යොමුවන්න.
අවසන් කිරීම
වෙබ් පිටුවක පෙළ සබැඳි සිට යටි ඉරි උඩින් ඉවත් කිරීම පහසු වන පරිදි, එසේ කිරීමෙන් සිදු විය හැකි ප්රතිවිපාක ගැනද සැලකිලිමත් විය යුතුය. එය සැබැවින්ම පිටුවක පෙනුම පිරිසිදු කළ හැකි වුවද, සමස්ත භාවිතයේ ඇති වියදමෙන් එය එසේ කළ හැකිය. මෙම පිටුවෙහි "පෙළ-සැරසිලි" ගුණාංග වෙනස් කිරීම ගැන ඔබ සැලකිලිමත් වනු ඇත.
ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. ජෙරිමි ගිරාඩ් විසින් 19/19/16 සංස්කරණය කරන ලදී