අද අප කර්මාන්තයේ වගකීම ඇති වෙබ් ප්රමිති ව්යාපාරයේ වැදගත් මූලධර්මය වන්නේ, ඒවා සාමාන්යයෙන් වෙබ් බ්රවුසරයේ දර්ශණය වන ආකාරය වෙනුවට HTML අංගන් භාවිතා කිරීමයි. මෙය Semantic HTML භාවිතා කිරීම ලෙස හැඳින්වේ.
Semantic HTML යනු කුමක්ද?
සංකල්පීය HTML හෝ සංකේතාත්මක සලකුණු යනු HTML ඉදිරිපත් කිරීම වෙනුවට වෙබ් පිටුවට තේරුමයි. නිදසුනක් ලෙස,
ටැගය මඟින් ආවරණ පාඨය යනු ඡේදයකි.
මෙය ඡේදයන් සහ ඉදිරිපත් කිරීම් යන දෙකම යන දෙකම දෙයි, ඒවායේ ඡේද මොනවාදැයි දන්නා සහ බ්රවුසරයන් ඒවා ප්රදර්ශනය කරන්නේ කෙසේදැයි දනිති.
මෙම සමීකරණයේ flip පැත්තේ, සහ වැනි ටැග්ස් අර්ථවත් නොවේ, ඒවා පාඨය දිස්විය යුත්තේ කෙසේද (තදකුරු හෝ ඇලකුරු) සහ වෙනත් සලකුණක් ලබා නොදේ.
සංකේතාත්මක HTML ටැග් වල ශීර්ෂක ටැග් ඇතුළත් වේ
through , , සහ . ඔබ ප්රමිති අනුකූල වෙබ් අඩවියක් ගොඩනගනු ලබන විට භාවිතා කළ හැකි තවත් සැළසුම් HTML ටැග් ඇත.
සම්මිශ්රණය පිළිබඳ ඔබ සැලකිලිමත් විය යුත්තේ ඇයි?
අර්ථකථන HTML ලිවීමේ වාසිය තුළින් ඕනෑම වෙබ් පිටුවක රියදුරු ඉලක්කය විය යුත්තේ සන්නිවේදනය කිරීමේ ආශාවයි. ඔබේ ලියවිල්ලට සංකේතාත්මක ටැග එකතු කිරීම මගින් සන්නිවේදනයේ ආධාරක එම ලේඛනය පිළිබඳ අමතර තොරතුරු ඔබ සපයයි. විශේෂයෙන්, අර්ථකථන ටැගයන් පිටුවක අර්ථය සහ එහි අන්තර්ගතය කුමක්ද යන්න බ්රව්සරයට පැහැදිලි කරයි.
සෙවුම් එන්ජින් සමග එම පැහැදිලි භාවය ද සන්නිවේදනය කර ඇති අතර, නිවැරදිව විමසුම් සඳහා නිවැරදි පිටු ලබා දෙනු ඇත.
සංකේතාත්මක HTML ටැග්ස් පිටුවක පෙනුමෙන් ඔබ්බට ගිය එම ටැග්වල අන්තර්ගතයන් පිළිබඳ තොරතුරු සපයයි. ටැගය තුළ ඇති පාඨය බ්රවුසරය මඟින් කිසියම් වර්ගයක කේතීකරණ භාෂාව ලෙස හඳුනා ගනී.
එම කේතය ඉදිරිපත් කිරීමට තැත් කරනවා වෙනුවට, ඔබ විසින් එම ලිපිය භාවිතා කරන්නේ යම් ලිපියක් හෝ යම් ආකාරයක අන්තර්ජාල මාර්ගෝපදේශකයක් සඳහා වන කේතයේ උදාහරණයක් ලෙස බව බ්රවුසරය තේරුම් ගනියි.
සංකේතාත්මක ටැග් භාවිතා කරමින් ඔබගේ අන්තර්ගතය හැඩගැන්වීම සඳහා තවත් කොකු වැඩි ප්රමාණයක් ලබා දෙයි. සමහරවිට අද ඔබ ඔබේ කේත නිදර්ශන පෙරනිමි බ්රවුසර් ශෛලිය පෙන්වීමට කැමති නමුත් හෙට, ඔබට අළු පැහැති පසුබිම් වර්ණයෙන් ඔවුන්ව ඇමතීමට අවශ්ය වන අතර, පසුව ඔබට නිශ්චිත තනි අකුරු සහිත ෆොන්ට් පවුල හෝ ෆොක්ස් ස්ටේක් අර්ථදැක්වීමට අවශ්ය වේ. ඔබේ සාම්පල. සැම්ට්රන්ටි සලකුණු භාවිතයෙන් සහ මේ සඳහා CSS ඉතාම සරල ලෙස භාවිතා කළ හැකිය.
සම්මුතිකාමී ටැගයන් නිවැරදිව භාවිතා කරන්න
ඔබ ඉදිරිපත් කිරීමේ අරමුණු සඳහා වඩා අර්ථාන්විතව අර්ථ දැක්වීම සඳහා සංකේතාත්මක ටැග භාවිතා කිරීමට අවශ්ය වූ විට, ඔබ ඒවා පොදු දර්ශක ගුණාංග සඳහා වැරදි ලෙස භාවිතා නොකරයි. බොහෝ විට සාමාන්යයෙන් වැරදි ලෙස භාවිතා කළ සංකේතාත්මක ටැග් ඇතුළත් වේ:
- blockquote - සමහර අය කියවීමක් නොකෙරෙන අකුරු වෙන් කිරීම සඳහා සමහර අය ටැගය භාවිතා කරයි. මෙය නිසැකවම බ්ලොක්ක්ඕට්ට් අනුවර්තනය කර ඇත. ඔබට හුදෙක් ප්රතිවිරෝධතා ප්රතිලාභ ලබාගැනීමට අවශ්ය නම්, නමුත් පාඨය වන්නේ blockquote නොවේ, වෙනුවට CSS ආන්තික භාවිතා කරන්න.
- p - සමහර වෙබ් සංස්කාරකවරුන් පිටුවක පාඨ සඳහා සත්ය ඡේද නිර්වචනය කිරීම වෙනුවට, පිටු අංග අතර අමතර ඉඩක් එකතු කිරීම සඳහා
& nbsp; කලින් සඳහන් කළ උදාහරණයේ උදාහරණ ලෙස, ඔබ ඉඩ ප්රමාණය එකතු කිරීම සඳහා ආන්තික පරාසය හෝ පැල්ලම් විලාසය භාවිතා කළ යුතුය.
- ul - බ්ලොක්කෝට්ටුවක් ලෙස,
ටැග් ඇතුලත පාඨය ආවරණය කරයි. මෙම සංකේතාත්මක වශයෙන් සාවද්ය සහ වැරදි ලෙස HTML වන අතර, - පමණක්
ටැගය තුළ වලංගු වේ. නැවතත්, ආන්තික පෙළ සඳහා ආන්තිකය හෝ වැල්ඩින් විලාසය භාවිතා කරන්න.
- h1-h6 - අකුරු ශීර්ෂයන් වඩා විශාල සහ නිර්භීතව භාවිතා කිරීම සඳහා ශීර්ෂයන් ටැග් භාවිතා කළ හැකිය. නමුත් පෙළ යනු ශීර්ෂයක් නොවේ නම්, එය මාතෘකාවේ ටැගයක් නොවිය යුතුය. ඔබගේ පිටුවෙහි විශේෂිත පෙළේ ප්රමාණය හෝ ප්රමාණය වෙනස් කිරීමට අවශ්ය නම්, අකුරු-බර සහ ෆොන්ට-ප්රමාණය CSS ගුණාංග භාවිතා කරන්න.
අර්ථය ඇති HTML ටැග් භාවිතා කිරීමෙන්,
ටැග් සහිත සියල්ලම අවටින් වඩා වැඩි තොරතුරු ලබා දෙන පිටු සාදනු ඇත.
කුමන HTML ටැග්ස් සංකේතාත්මකද?
සෑම HTML4 ටැග් හා සියලු HTML5 ටැග් පාෂාණමය තේරුමක් ඇති නමුත් සමහර ටැගයන් ප්රාථමික වශයෙන් ගම්යවේ.
උදාහරණයක් ලෙස, HTML5 අර්ථකථනය කිරීම සඳහා සහ ටැග් වල අර්ථය නැවත අර්ථ දැක්වීය. ටැගය අතිරේක වැදගත්කමක් නොපෙන්වයි. නමුත් සාමාන්යයෙන් අකුරු ලිවීමේදී ඇති අකුරු. ටැගය ද අතිරේක වැදගත්කමක් හෝ අවධාරණයක් නොකරන අතර, සාමාන්යයෙන් හරස් ඇල අකුරින් දැක්වෙන පෙළ අර්ථ දක්වයි.
සංකල්පිත HTML ටැග්ස්
කෙටි යෙදුම සමීපය
දිගු මිල ගණන් අර්ථ දැක්වීම <ලිපිනය> ලේඛනයේ කතෘගේ ලිපි උපුටනය සංග්රහය යොමු කිරීම ටෙලි ටයිප් පෙළ තර්කානුකූල අංශය සාමාන්ය රේඛා විලාසය මකාදමන ලද පෙළ පෙළ ඇතුළත් කරන්න අවධාරණය දැඩි අවධාරණය
පළමු මට්ටමේ සිරස්තලය
දෙවන මට්ටමේ සිරස්තලයක්
තුන්වන මට්ටමේ සිරස්තලය
හතරවන මට්ටමේ සිරස්තලය
පස්වන මට්ටමේ සිරස්තලය
හයවන මට්ටමේ සිරස්තලය
තේමා විරාමය පරිශීලක විසින් ඇතුළත් කළ යුතු පෙළ
පූර්ව ආකෘති පෙළ
කෙටි පේළියේ මිල ගණන් සාම්පල ප්රතිදානය අච්චු සුපිරි පිට්ටනිය විචල්ය හෝ පරිශීලක අර්ථදක්වා ඇති පෙළ
, සහ . ඔබ ප්රමිති අනුකූල වෙබ් අඩවියක් ගොඩනගනු ලබන විට භාවිතා කළ හැකි තවත් සැළසුම් HTML ටැග් ඇත.
සම්මිශ්රණය පිළිබඳ ඔබ සැලකිලිමත් විය යුත්තේ ඇයි?
අර්ථකථන HTML ලිවීමේ වාසිය තුළින් ඕනෑම වෙබ් පිටුවක රියදුරු ඉලක්කය විය යුත්තේ සන්නිවේදනය කිරීමේ ආශාවයි. ඔබේ ලියවිල්ලට සංකේතාත්මක ටැග එකතු කිරීම මගින් සන්නිවේදනයේ ආධාරක එම ලේඛනය පිළිබඳ අමතර තොරතුරු ඔබ සපයයි. විශේෂයෙන්, අර්ථකථන ටැගයන් පිටුවක අර්ථය සහ එහි අන්තර්ගතය කුමක්ද යන්න බ්රව්සරයට පැහැදිලි කරයි.
සෙවුම් එන්ජින් සමග එම පැහැදිලි භාවය ද සන්නිවේදනය කර ඇති අතර, නිවැරදිව විමසුම් සඳහා නිවැරදි පිටු ලබා දෙනු ඇත.
සංකේතාත්මක HTML ටැග්ස් පිටුවක පෙනුමෙන් ඔබ්බට ගිය එම ටැග්වල අන්තර්ගතයන් පිළිබඳ තොරතුරු සපයයි. ටැගය තුළ ඇති පාඨය බ්රවුසරය මඟින් කිසියම් වර්ගයක කේතීකරණ භාෂාව ලෙස හඳුනා ගනී.
එම කේතය ඉදිරිපත් කිරීමට තැත් කරනවා වෙනුවට, ඔබ විසින් එම ලිපිය භාවිතා කරන්නේ යම් ලිපියක් හෝ යම් ආකාරයක අන්තර්ජාල මාර්ගෝපදේශකයක් සඳහා වන කේතයේ උදාහරණයක් ලෙස බව බ්රවුසරය තේරුම් ගනියි.
සංකේතාත්මක ටැග් භාවිතා කරමින් ඔබගේ අන්තර්ගතය හැඩගැන්වීම සඳහා තවත් කොකු වැඩි ප්රමාණයක් ලබා දෙයි. සමහරවිට අද ඔබ ඔබේ කේත නිදර්ශන පෙරනිමි බ්රවුසර් ශෛලිය පෙන්වීමට කැමති නමුත් හෙට, ඔබට අළු පැහැති පසුබිම් වර්ණයෙන් ඔවුන්ව ඇමතීමට අවශ්ය වන අතර, පසුව ඔබට නිශ්චිත තනි අකුරු සහිත ෆොන්ට් පවුල හෝ ෆොක්ස් ස්ටේක් අර්ථදැක්වීමට අවශ්ය වේ. ඔබේ සාම්පල. සැම්ට්රන්ටි සලකුණු භාවිතයෙන් සහ මේ සඳහා CSS ඉතාම සරල ලෙස භාවිතා කළ හැකිය.
සම්මුතිකාමී ටැගයන් නිවැරදිව භාවිතා කරන්න
ඔබ ඉදිරිපත් කිරීමේ අරමුණු සඳහා වඩා අර්ථාන්විතව අර්ථ දැක්වීම සඳහා සංකේතාත්මක ටැග භාවිතා කිරීමට අවශ්ය වූ විට, ඔබ ඒවා පොදු දර්ශක ගුණාංග සඳහා වැරදි ලෙස භාවිතා නොකරයි. බොහෝ විට සාමාන්යයෙන් වැරදි ලෙස භාවිතා කළ සංකේතාත්මක ටැග් ඇතුළත් වේ:
- blockquote - සමහර අය කියවීමක් නොකෙරෙන අකුරු වෙන් කිරීම සඳහා සමහර අය ටැගය භාවිතා කරයි. මෙය නිසැකවම බ්ලොක්ක්ඕට්ට් අනුවර්තනය කර ඇත. ඔබට හුදෙක් ප්රතිවිරෝධතා ප්රතිලාභ ලබාගැනීමට අවශ්ය නම්, නමුත් පාඨය වන්නේ blockquote නොවේ, වෙනුවට CSS ආන්තික භාවිතා කරන්න.
- p - සමහර වෙබ් සංස්කාරකවරුන් පිටුවක පාඨ සඳහා සත්ය ඡේද නිර්වචනය කිරීම වෙනුවට, පිටු අංග අතර අමතර ඉඩක් එකතු කිරීම සඳහා
& nbsp; කලින් සඳහන් කළ උදාහරණයේ උදාහරණ ලෙස, ඔබ ඉඩ ප්රමාණය එකතු කිරීම සඳහා ආන්තික පරාසය හෝ පැල්ලම් විලාසය භාවිතා කළ යුතුය.
- ul - බ්ලොක්කෝට්ටුවක් ලෙස,
ටැග් ඇතුලත පාඨය ආවරණය කරයි. මෙම සංකේතාත්මක වශයෙන් සාවද්ය සහ වැරදි ලෙස HTML වන අතර, - පමණක්
ටැගය තුළ වලංගු වේ. නැවතත්, ආන්තික පෙළ සඳහා ආන්තිකය හෝ වැල්ඩින් විලාසය භාවිතා කරන්න.
- h1-h6 - අකුරු ශීර්ෂයන් වඩා විශාල සහ නිර්භීතව භාවිතා කිරීම සඳහා ශීර්ෂයන් ටැග් භාවිතා කළ හැකිය. නමුත් පෙළ යනු ශීර්ෂයක් නොවේ නම්, එය මාතෘකාවේ ටැගයක් නොවිය යුතුය. ඔබගේ පිටුවෙහි විශේෂිත පෙළේ ප්රමාණය හෝ ප්රමාණය වෙනස් කිරීමට අවශ්ය නම්, අකුරු-බර සහ ෆොන්ට-ප්රමාණය CSS ගුණාංග භාවිතා කරන්න.
අර්ථය ඇති HTML ටැග් භාවිතා කිරීමෙන්,
ටැග් සහිත සියල්ලම අවටින් වඩා වැඩි තොරතුරු ලබා දෙන පිටු සාදනු ඇත.
කුමන HTML ටැග්ස් සංකේතාත්මකද?
සෑම HTML4 ටැග් හා සියලු HTML5 ටැග් පාෂාණමය තේරුමක් ඇති නමුත් සමහර ටැගයන් ප්රාථමික වශයෙන් ගම්යවේ.
උදාහරණයක් ලෙස, HTML5 අර්ථකථනය කිරීම සඳහා සහ ටැග් වල අර්ථය නැවත අර්ථ දැක්වීය. ටැගය අතිරේක වැදගත්කමක් නොපෙන්වයි. නමුත් සාමාන්යයෙන් අකුරු ලිවීමේදී ඇති අකුරු. ටැගය ද අතිරේක වැදගත්කමක් හෝ අවධාරණයක් නොකරන අතර, සාමාන්යයෙන් හරස් ඇල අකුරින් දැක්වෙන පෙළ අර්ථ දක්වයි.
සංකල්පිත HTML ටැග්ස්
කෙටි යෙදුම සමීපය
දිගු මිල ගණන් අර්ථ දැක්වීම <ලිපිනය> ලේඛනයේ කතෘගේ ලිපි උපුටනය සංග්රහය යොමු කිරීම ටෙලි ටයිප් පෙළ තර්කානුකූල අංශය සාමාන්ය රේඛා විලාසය මකාදමන ලද පෙළ පෙළ ඇතුළත් කරන්න අවධාරණය දැඩි අවධාරණය
පළමු මට්ටමේ සිරස්තලය
දෙවන මට්ටමේ සිරස්තලයක්
තුන්වන මට්ටමේ සිරස්තලය
හතරවන මට්ටමේ සිරස්තලය
පස්වන මට්ටමේ සිරස්තලය
හයවන මට්ටමේ සිරස්තලය
තේමා විරාමය පරිශීලක විසින් ඇතුළත් කළ යුතු පෙළ
පූර්ව ආකෘති පෙළ
කෙටි පේළියේ මිල ගණන් සාම්පල ප්රතිදානය අච්චු සුපිරි පිට්ටනිය විචල්ය හෝ පරිශීලක අර්ථදක්වා ඇති පෙළ