ඔබේ වෙබ් නිර්මාණකරණයේ දී මුල් වරට ඔබ ඉගෙන ගන්නා ලද ටැග් වලින් එකක් වන්නේ "අවධාරණය ලේබල" ලෙසින් හැඳින්වෙන ටැගයන් යුගලයි. මෙම ටැග්ස් මොනවාද හා ඒවා අද දවසේ වෙබ් නිර්මාණකරණයන් භාවිතා කරන ආකාරය දෙස බලමු.
නැවතත් XHTML වෙත යන්න
ඔබ HTML වසරකට පෙර ඉගෙන ගත්තා නම්, HTML5 නැගීමට බොහෝ කලකට පෙර, ඔබ බොහෝ විට තද සහ ඇලකුරු ටැග් වලින් භාවිතා කළෙමු. ඔබ අපේක්ෂා කරන පරිදි, මෙම ටැග් පිළිවෙලින් තද අකුරු හෝ ඇල අකුරු ප්රකාශයට පත් විය. මෙම ටැග් වල ඇති ගැටළුව සහ ඔවුන් නව මූලද්රව්යවලට පක්ෂපාතී වීමට හේතුව (අප කෙටියෙන් සලකා බලනු ඇත), ඒවා අර්ථ විචාරාත්මක මූලද්රව්ය නොවේ. මෙම පාඨය පාඨමය තොරතුරු වෙනුවට පාඨය ලෙස හැසිරවිය යුතු ආකාරයයි. මතක තබා ගන්න, HTML (මෙම ලේබල ලියනු ලබන්නේ කොහෙද) ව්යුහය, දෘශ්ය ශෛලිය ගැන නොවේ! දර්ශන CSS විසින් හසුරුවනු ලබන අතර වෙබ් අඩවි නිර්මාණයේ හොඳ භාවිතයන් ඔබේ වෙබ් පිටු තුළ පැහැදිලි ස්තරයක් සහ ව්යුහය වෙන් වෙන්ව තිබිය යුතු බව බොහෝ කලක් පුරා පවත්වා ගෙන ඇත. මෙහි අර්ථය වන්නේ අද්විතීය නොවන මූලද්රව්ය භාවිතා කිරීම සහ ව්යුහය වෙනුවට ඒවා දෙස බැලීමයි. තද සහ ඇලකුරු ටැග් සාමාන්යයෙන් ප්රතිස්ථාපනය කර ඇත්තේ ශක්තිමත් (නිර්ලෝභිත) සහ අවධාරණය (ඇලකුරු සඳහා) ය.
& lt; strong & gt; සහ & lt; em & gt;
ප්රබල සහ අවධාරණය කිරීමේ අංගයන් ඔබේ පාඨයට තොරතුරු එකතු කරයි, වෙනස් ආකාරයකට සැලකිය යුතු අන්තර්ගතයන් විස්තර කරන අතර එම අන්තර්ගතය කතා කරන විට අවධාරණය කරනු ලැබේ. ඔබ අතීතයේ දී තද සහ තදකුරු භාවිතා කළ ආකාරයටම මෙම අංගයන් බොහෝමයක් භාවිතා කරති. සරල ලෙස අවධාරණය කිරීම සඳහා අවධාරණය කිරීම සඳහා විවෘත සහ අවසාන වීම් ( සහ යනුවෙන් ඔබේ පාඨය දැඩි ලෙස වට කර තබන්න) සහ මුද්රිත පෙළ අවධාරණය කරනු ලැබේ.
ඔබට මෙම ටැප් ඇති කළ හැකි අතර එය බාහිර ටැගය යනු කුමක්ද? උදාහරණ කිහිපයක් පහත දැක්වේ.
මෙම පාඨය අවධාරණය කරනුයේ සහ බොහෝ බ්රවුසරයන් ඇල අකුරක් ලෙස පෙන්වනු ඇත. මෙම පාඨය දැඩි ලෙස අවධාරණය කර ඇත. සහ බොහෝ බ්රව්සර් එය නිර්භීත ආකාරයක් ලෙස පෙන්වනු ඇත.මෙම උදාහරණ දෙකෙහිම, අපි HTML සමඟ දෘශ්ය පෙනුම අනුගමනය නොකරයි. ඔව්, ටැග පෙරනිමි පෙනුම ඇලයට ලක්වන අතර, නිර්ලෝභිත වේ, නමුත් එම පෙනුම CSS හි පහසුවෙන් වෙනස් කළ හැකිය. මේ දෙකම ලෝකයේ හොඳම දෙයයි. ඔබේ ලේඛනයේ හරස් ඇඳීම හෝ තදකුරු අකුරු ලබා ගැනීමට පෙරනිමි බ්රවුසර්ස් භාවිතා කළ හැකිය. ඔබට අකුරු තද වර්ණ නොවිය යුතුය, නමුත් රතු විය යුතුය, ඔබට මෙය CSS වෙත එකතු කල හැක
ශක්තිමත් {
වර්ණය: රතු;
}}
මෙම උදාහරණයේ දී, ඔබ විසින් නිර්මිත අකුරු බරක් සඳහා දේපලක් එක් කිරීමට අවශ්ය නොවේ. කෙසේ වෙතත්, එය ඔබට අවස්ථාවක් අත්හැරීමට අවශ්ය නොවන්නේ නම්, එය ඔබට සැමවිටම එකතු කළ හැකිය:
ශක්තිමත් {
font-weight: bold;
වර්ණය: රතු;
}}
දැන් ඔබ සියලු දෙනාටම, නමුත් ටැග් භාවිතා කරන ඕනෑම තැනක තදකුරු (සහ රතු) අකුරු සහිත පිටුවක් ඇත.
අවධාරණයට ද්විගුණය
වසරක් පුරා මා දැක ඇති එක් දෙයක අවධාරණය මත දෙගුණ කිරීමට ඔබ උත්සාහ කරන්නේ කුමක් ද යන්නයි. උදාහරණයක් වශයෙන්:
මෙම පාඨය තද වර්ණ සහ ඇල අකුරු ඇල අකුරු ඇල අකුරු ඇල අකුරු ඇල අකුරු ඇඳිය යුතුය.මෙම රේඛාව නිර්වචනය කර ඇති අකුරු සහ ඇලකුරු සහිත ප්රදේශයක් ඇති බව ඔබ සිතනු ඇත. සමහර විට මෙය සැබැවින්ම සිදුවනු ඇත, නමුත් මම සමහර බ්රව්සර් දැකිය හැක්කේ අවධාරණය කරන ලද ක්රම දෙකෙහි දෙවැනියාට පමණක් වන අතර, එය සත්ය වූ පාඨයට ආසන්නතම එකක් වන අතර, එය ප්රදර්ශනය වන්නේ ඇලකුරු ලෙස පමණි. අවධාරණය කළ ටැග මත මම ද්විත්ව නොකිරීමට හේතුවක් මෙයයි.
මෙම "දෙගුණ කිරීම" වළක්වා ගැනීම සඳහා තවත් හේතුවක් වන්නේ, විලාසිතා අරමුණු සඳහාය. ඔබ විසින් සකස් කිරීමට බලාපොරොත්තු වන ස්වරය සාමාන්යයෙන් ප්රමාණවත් නම් එක් අවධාරණයකි. ඔබ කැපී පෙනෙන ලෙස නිර්මිත, ඇල අකුරු කිරීමට, ඇල අකුරු කිරීමට, වර්ණ, ප්රසාරණය සහ පෙළ අවධාරණය කිරීම අවශ්ය නොවේ. මෙම පාඨය, එම විවිධාකාර අවධාරණයන් සියල්ලම ගර්හාවට පත් වනු ඇත. අවධාරණය ලබා දීම සඳහා අවධාරණය කළ ටැග් හෝ CSS ශෛලිපි භාවිතා කරන විට ප්රවේශම් වන්න.
තද අකුරු සහ ඉඟුරු පිළිබඳ සටහනක්
එක් අවසාන අදහසක් - අවධාරණය කිරීමේ අංගයන් ලෙස තද පැහැති () සහ ඇලකුරු () ටැග්ස් අවධාරණය කිරීමේ අංගයන් තවදුරටත් භාවිතා නොකරන අතර, පාඨයන්හි අභ්යන්තර පේළි පෙළ සඳහා මෙම ටැග භාවිතා කරන වෙබ් නිර්මාණකරුවන් වේ. මූලික වශයෙන්, එය එය මූලද්රව්යයක් ලෙස භාවිතා කරයි. ටැග් ඉතා කෙටි බැවින් මෙය හොඳයි, නමුත් මෙම අංගයන් භාවිතා කිරීම සාමාන්යයෙන් නිර්දේශ කරනු නොලැබේ. මම සමහර විට ඔබ නිර්වචනය හෝ ඇල අකුරු සෑදීමට භාවිතා නොකරන ඇතැම් වෙබ් අඩවි මත ඔබ එය දකින විට, නමුත් වෙනත් ආකාරයේ දෘශ්ය හැඩය සඳහා CSS කොක්කයක් නිර්මාණය කිරීමට.
ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදී.