விளக்கப் பட்டியல், விதிமுறைகள் மற்றும் அவற்றுடன் தொடர்புடைய விளக்கங்களுக்கு இடையே ஒரு உறவை உருவாக்கும் தகவலை கட்டமைப்பதற்கும் வழங்குவதற்கும் ஒரு சொற்பொருள் வழியை வழங்குகிறது. இது தரவு அல்லது தகவலை இன்னும் அணுகக்கூடியதாகவும் புரிந்துகொள்ளக்கூடியதாகவும் ஆக்குகிறது. கலைச்சொற்கள், அகராதிகள், அடிக்கடி கேட்கப்படும் கேள்விகள் பிரிவுகள், தயாரிப்பு விவரக்குறிப்புகள் போன்ற இடங்களில் படைப்பாளிகள் விளக்கப் பட்டியலைப் பயன்படுத்தலாம். இந்தக் கட்டுரை HTML இல் விளக்கப் பட்டியலைப் பயன்படுத்துவதற்கான செயல்முறையை விளக்குகிறது.
HTML இல் விளக்கப் பட்டியலை எவ்வாறு பயன்படுத்துவது?
விளக்கப் பட்டியலில் ' ”,” ', மற்றும் ' ” குறிச்சொற்கள் மற்றும் இது விதிமுறைகளின் தொகுப்பையும் அவற்றுடன் தொடர்புடைய வரையறைகளையும் குறிக்கப் பயன்படுகிறது. இது உள்ளடக்கத்தை ஒரு கட்டமைக்கப்பட்ட வடிவத்தில் வழங்குகிறது/காட்டுகிறது, இதில் விளக்கம் ஒரு எளிய புல்லட்-பாயின்ட் பட்டியலுக்கு அப்பால் செல்கிறது. பார்வைக்கு ஈர்க்கும் இடைமுகத்தை உருவாக்க, CSS பண்புகள் விளக்கப் பட்டியலில் பயன்படுத்தப்படலாம்.
HTML இல் விளக்கப் பட்டியலை உருவாக்க கீழே உள்ள குறியீடு துணுக்கைப் பார்வையிடவும்:
< உடல் >
< div >
< h2 > மடிக்கணினி சந்தை பங்குகள் h2 >
< dl >
< dt > ஹெச்பி dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 30 % DD >
< dt > டெல் dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 24 % DD >
< dt > லெனோவா dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 14 % DD >
dl >
div >
உடல் >
மேலே உள்ள குறியீடு துணுக்கின் விளக்கம்:
-
- முதலில், பெற்றோர் ' div 'உறுப்பு உருவாக்கப்பட்டது, இது விளக்கப் பட்டியல் உறுப்பு மற்றும் பிற HTML கூறுகளுக்கான கொள்கலன் போல் செயல்படுகிறது' ”.
- அடுத்து, விளக்கப் பட்டியல் '
- பின்னர், விளக்கம் பெயர் / சொல் ' 'குறிச்சொல் சேர்க்கப்படும் உருப்படிகளின் விளக்கத்தை வரையறுக்கப் பயன்படுகிறது.
- அதன் பிறகு, விளக்கத் தரவு ' ” குறிச்சொல் செருகப்பட்டது, அதில் விளக்க உருப்படி தொடர்பான விளக்கம்/தகவல் உள்ளது.
தொகுத்தல் கட்டத்தின் முடிவில், HTML கூறுகள் வலைப்பக்கத்தில் இப்படி தோன்றும்:
விளக்கப் பட்டியல் உருவாக்கப்பட்டதை வெளியீடு காட்டுகிறது.
எடுத்துக்காட்டு 1: பல விளக்கங்களை ஒரே காலத்திற்கு ஒதுக்கவும்
ஒரு சொல்லுக்கு ஒன்றுக்கு மேற்பட்ட விளக்கங்கள் இருக்கும் விளக்க அட்டவணையை உருவாக்கலாம். விளக்கச் சொல்லை விளக்குவதற்கு ஒன்றுக்கு மேற்பட்ட பொருள்கள் அல்லது முறைகள் இருந்தால் அது மிகவும் பயனுள்ளதாக இருக்கும்.
மேலே உள்ள காட்சிக்கான குறியீடு கீழே காட்டப்பட்டுள்ளது:
< div >< h2 > மடிக்கணினி சந்தை பங்குகள் h2 >
< dl >
< dt > ஹெச்பி dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 30 % உள்ளே 2018 DD >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 23 % உள்ளே 2017 DD >
< dt > டெல் dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 24 % உள்ளே 2018 DD >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 27 % உள்ளே 2017 DD >
< dt > லெனோவா dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 14 % உள்ளே 2018 மற்றும் 9 % உள்ளே 2017 DD >
dl >
div >
மேலே உள்ள குறியீட்டில்:
-
- முதலில், விளக்கப் பட்டியல் '' உதவியுடன் உருவாக்கப்பட்டது dl ”,” dt 'மற்றும்' DD 'கூறுகள்.
- அடுத்து, பல ' 'குறிச்சொற்கள் ஒற்றை' கீழ் பயன்படுத்தப்படுகின்றன dt ”உறுப்பு. இது ஒரு சொல்லுக்கு பல விளக்கங்களை வழங்குகிறது.
தொகுத்தல் கட்டத்திற்குப் பிறகு:
ஒரு வார்த்தைக்கு பல விளக்கங்கள் சேர்க்கப்பட்டுள்ளன என்பதை வெளியீடு காட்டுகிறது.
எடுத்துக்காட்டு 2: ஒரே விளக்கத்திற்கு பல விதிமுறைகளை ஒதுக்கவும்
டெவலப்பர்கள் ஒரு விளக்கப் பட்டியலையும் உருவாக்கலாம், அதில் ஒற்றை விளக்கத் தரவுடன் பல விளக்கச் சொற்கள் உள்ளன. பல சொற்கள் ஒரே மாதிரியாக இருக்கும் போது அல்லது ஒரே செயல்பாட்டைக் கொண்டிருக்கும் போது இது மிகவும் பயனுள்ளதாக இருக்கும். இந்த நுட்பத்தைப் பயன்படுத்துவதன் மூலம், இந்த விதிமுறைகள் அனைத்தையும் ஒரே நேரத்தில் விவரிக்கலாம்:
< div பாணி = 'விளிம்பு: 20px' >< h2 > மடிக்கணினி சந்தை பங்குகள் h2 >
< dl >
< dt > ஹெச்பி dt >
< dt > எலைட்புக் dt >
< dt > proBook dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 30 % உள்ளே 2018 DD >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 23 % உள்ளே 2017 DD >
< dt > லெனோவா dt >
< DD > டெஸ்க்டாப் சிஸ்டம்ஸ் மற்றும் லேப்டாப் பிரிவில் பங்கு உள்ளது 14 % உள்ளே 2018 மற்றும் 9 % உள்ளே 2017 DD >
dl >
div >
மேலே உள்ள குறியீடு தொகுதியில், விளக்கப் பட்டியல் உருவாக்கப்பட்டு, பல ' 'குறிச்சொற்கள் ஒற்றை' உடன் பயன்படுத்தப்படுகின்றன ” குறிச்சொல்.
தொகுத்தல் கட்டம் முடிந்த பிறகு:
மேலே உள்ள ஸ்னாப்ஷாட், ஒற்றை விளக்கத் தரவுடன் பல சொற்கள் ஒதுக்கப்பட்டிருப்பதைக் காட்டுகிறது.
முடிவுரை
விளக்கப் பட்டியலைப் பயன்படுத்தி விளக்கப் பட்டியல் உருவாக்கப்பட்டது ' பட்டியல் உருப்படிகள் மற்றும் அவற்றின் விளக்கத்திற்கான கொள்கலனை உருவாக்கும் குறிச்சொல். மேலும், ' ” டேக் என்பது பொருளின் பெயரைக் குறிக்கிறது, அதன் விளக்கம் வழங்கப்பட உள்ளது. அதே நேரத்தில் ' ” குறிச்சொல் தொடர்புடைய விளக்கத்தை சேமிக்கிறது. இந்தக் கட்டுரை HTML இல் விளக்கப் பட்டியலைப் பயன்படுத்துவதை நிரூபித்துள்ளது.