ටැග් වළාකක් සඳහා CSS භාවිතා කරන්න
ටැග් වලා යනු අයිතමයන් ලැයිස්තුවේ දෘශ්ය ආකෘතියකි. ඔබ බොහෝ විට බ්ලොග් වල ටැග් වලාපු දකිනු ඇත. එය Flickr වැනි වෙබ් අඩවිවලින් ජනප්රිය විය.
ටැග් වලා යනු ප්රමාණයේ සහ බර වෙනස් වන සබැඳි ලැයිස්තුවක් (ඇතැම් විට වර්ණය) වෙනස් වන ආවේගය මත පදනම් වේ. බොහෝ ටැග් වලාපු ජනප්රියත්වය මත පදනම් වී ඇත්තේ එම සුවිශේෂී ටැග් එක සමඟ ඇති ටැග සහිත පිටු ගණනකි. එහෙත් ඔබට ප්රදර්ශනය කිරීමේ අවම වශයෙන් මාර්ග දෙකක් හෝ දෙකක් ඇති ඔබේ වෙබ් අඩවියේ අයිතම ලැයිස්තුවෙන් යම් ටැග් වක් නිර්මාණය කළ හැකිය. උදාහරණයක් වශයෙන්:
- ලිපිවල ජනප්රියත්වය පෙන්නුම් කරන විලාසයන් සහිත අකාරාදී පිළිවෙලට ලිපි ලැයිස්තුවක්.
- ඔබට වඩාත්ම කැමති අයගේ අරුත ඇති අකාරාදී පිළිවෙලට වෙබ් අඩවි ලැයිස්තුවක්.
- නිර්වචනය කරන ලද පූර්ව නිශ්චිත කට්ටලයක් සඳහා එක් එක් ආසන්නයේ ඇති ආකාරය පෙන්නුම් කරන විලාසයන් සමග මිල අනුපිළිවෙලෙහි ලැයිස්තුගත කර ඇති වෙබ් සංස්කාරක ලැයිස්තුවකි.
- ඔබේ නිවසේ සිට ඔබේ නිවස දක්වා දුරස්ථව පෙන්වන විලාසිතාවන්ගේ ලැයිස්තුවක්.
ටැග් ගුහාවක් ගොඩ නැගීමට ඔබට අවශ්ය කුමක්ද?
ටැග් වලාකුළක් ගොඩනඟා ගැනීම පහසුය, ඔබට අවශ්ය වන්නේ කරුණු දෙකක් පමණි:
- අයිතම ලැයිස්තුවක් (වෙබ් ලිපි, වෙබ් අඩවි හෝ ඔබගේ මිතුරන් වැනි)
- එක් එක් අයිතම සඳහා මිනුම් (දිනකට පිටු දර්ශනය වැනි, ඔබේ ශ්රේණිගත කිරීම 1-10, හෝ ඔබේ නිවස සඳහා දුර).
බොහෝ ටැග් වලාපු සබැඳි ලැයිස්තුවක් වන නිසා සෑම අයිතමයක්ම එයට සම්බන්ධ වූ URL එකක් තිබේ නම් එය උපකාරවත් වේ. නමුත් දෘශ්ය ධූරාවලියක් නිර්මාණය කිරීම අවශ්ය නොවේ.
ජනප්රිය සබැඳි ටැග වළාකුලක් තැනීමට පියවර ගන්න
මගේ වෙබ් අඩවිය සෑම දිනකම දර්ශන දර්ශන ලබා ගත හැකි ලිපි තිබේ, මෙය ලේබල වලාකාවක් නිර්මාණය කිරීමට භාවිතා කිරීමට පහසු මෙට්රික් එකක් වේ. එබැවින් මෙම උදාහරණය සඳහා, අපි 2007 ජනවාරි 1 වන සතිය සඳහා මගේ වෙබ් අඩවියේ ඉහළම ලිපි 25 ලැයිස්තුවේ ලිපි ලැයිස්තුවෙන් ටැග් වලාකාවක් නිර්මාණය කරමි.
- ඔබගේ ධූරාවලියෙහි කොපමණ ප්රමාණයක් අවශ්යදැයි තීරණය කරන්න.
- ඔබගේ ලැයිස්තුවේ ඇති අයිතම තිබිය හැකි පරිදි ඔබගේ වලාකුලේ මට්ටම් ගණනක් තිබිය හැකි වුවද, මෙය කේතයට වෙහෙසකාරී වන අතර වෙනස්කම් ඉතා අවම විය හැකිය. ඔබේ රචනයේ 10 මට්ටමට වඩා වැඩි ප්රමාණයක් නිර්දේශ කරමි.
- එක් එක් මට්ටම සඳහා කඩඉම් ලකුණු තීරණය කරන්න.
- දවසකට ඔබේ දින දර්ශනයන් කපා 1/10 ක පෙති කපා හරිනු ඇත. ඔබේ වෙබ් අඩවියේ විශාලතම පිටුව දිනකට 100 ක් දර්ශන ලබා ගනී නම් ඔබට එය 100+, 90-100, 80-90, 70-80 වැනි ලෙස කපා හැකි විය හැක.
- ඔබගේ භාණ්ඩයේ පිටු දර්ශන අනුපිළිවෙලෙහි ලැයිස්තුගත කර, පියවර 2 මත පදනම්ව ශ්රේණිගත කරන්න
- වලාකුළු කිහිපයක යම් අයිතමයක් නොමැති නම්, වලාකුළුව වඩාත් රසවත් කරයි.
- අකාරාදී පිලිවෙලින් ඔබගේ ලැයිස්තුව ලැයිස්තු ගත කරන්න (හෝ ඔබ භාවිතා කිරීමට අවශ්ය දෙවන වර්ගයේ).
- වලාකුළුව රසවත් කරන දෙය මෙයයි. ඔබ එය ශ්රේණිගත කිරීම අනුව වෙන් කර ඇත්නම්, එය පහළම කුඩාම සිට පහළ දක්වා ඇති විශාලතම අයිතම සමඟ ලැයිස්තුවක් වනු ඇත.
- ශ්රේණියේ අංකයක් වන පරිදි ඔබේ HTML යතුරු ලියන්න. class = "tag4"> ස්ට්රීම්ං ශ්රව්ය ගොනු එක් කිරීම
එක් පුද්ගල ලැයිස්තු අයිතමයක් සඳහා ඔබ සතුව ඇති HTML සහ ඒවා ප්රදර්ශනය කිරීමට අවශ්ය පිළිවෙළ අනුව, ඔබ තීරණයක් ගත යුතුය. ඔබට ඡේදයක් තුළ සබැඳි තැබිය හැකි අතර ඔබ සිදු කරනු ඇත. නමුත් මෙය semantically ලෙස සලකුණු නොකරන අතර ඔබේ ටැග් වල පිහිටි CSS නොමැති ඕනෑම කෙනෙකුට සබැඳි විශාල ඡේදයක් දැකිය හැකිය. මෙම වර්ගයේ ලැයිස්තුව සඳහා HTML මෙලෙස දිස්වනු ඇත:
ස්ට්රීම්ං ශ්රව්ය ගොනු එක් කිරීම වෙබ් අඩවියක් සඳහා වන මූලික සලකුණු හොඳම වෙබ් නිර්මාණ මෘදුකාංග සම්පූර්ණයෙන්ම නැතිවූ වෙබ් අඩවි නිර්මාණය කිරීම වර්ණ සංකේතවාදය > ඒ වෙනුවට, ඔබගේ රහස් වලාකුළු නොලැබුණු ලැයිස්තුවක් භාවිතා කරමින් ඔබ නිර්දේශ කරමි. එය HTML සහ CSS කේත කිහිපයකින් සමන්විත වන නමුත් එය බැලීමට පැමිණෙන කවරෙකු වුවද අන්තර්ගතය කියවිය හැකි බව සහතික කරයි. HTML මෙන්න මෙවැන්නක් පෙනේ: දැන් අපි විනෝදය සඳහා CSS ශෛලියට පැමිණෙනවා. ඔබ ටැග් වලා ටැඹක් සකස් කරන විට, ඔබ සාමාන්යයෙන් අකුරු ප්රමාණය සහ අකුරු බර වෙනස් කරයි. ඔබට ෆොන්ට හෝ පසුබිමේ වර්ණය හෝ වෙනත් ආකාරයේ ආවේණික වර්ණය වෙනස් කළ හැකිය. නමුත් ප්රමාණය හා බර සාම්ප්රදායික වේ. ඔබට ටයිල වර්ග 10 ක් අවශ්ය වේ. වලාකුළ වටා යම් විලාසිතාවන් ඇතුළත් කිරීමට මා කැමතිය: වලාකුළු පෙළ කේන්ද්රගත කරන්න, වලාකුළු කියවිය හැකි පරිදි, රේඛාව උසින් තැබිය යුතු අතර, ඒවායේ නැංගුරම් තහඩු ටැගයක් නොමැති බවට වග බලා ගන්න: අවසාන වශයෙන්, ඔබ සෙමනක් හැඩගැස්වීමේ ක්රමයක් (එනම්, නොරෝඩිත ලැයිස්තුව) භාවිතා කරන්නේ නම්, ලැයිස්තුවේ සිලෙක්ට් නොමැති අතර එය නොකියනු ලබන නිසා ඔබට තවත් CSS රේඛා දෙකක් එකතු කළ යුතු වේ:
නමුත් ටයිටා ක්ලවුඩ් සඳහා වූ විලාසයන් කොහේද?