સંગઠિત અને વાંચી શકાય તેવી રીતે ડેટા પ્રદર્શિત કરવા માટે યાદીઓ HTML નો આવશ્યક ભાગ છે. એચટીએમએલ ત્રણ મુખ્ય પ્રકારની યાદીઓ પ્રદાન કરે છે: બિનક્રમાંકિત સૂચિઓ, ક્રમાંકિત સૂચિઓ અને વ્યાખ્યા સૂચિઓ.
બિનક્રમાંકિત સૂચિઓ(<ul>) ચોક્કસ બુલેટ પોઈન્ટનો ઉપયોગ કરે છે અને સામાન્ય રીતે કાળા બિંદુઓનો ઉપયોગ કરીને ઇન્ડેન્ટેડ વસ્તુઓ તરીકે પ્રદર્શિત થાય છે. આ વસ્તુઓને સૂચિબદ્ધ કરવા માટે એક લોકપ્રિય પસંદગી છે જેને ચોક્કસ ઓર્ડરની જરૂર નથી.
ક્રમાંકિત સૂચિઓ(<ol>) ચોક્કસ નંબરિંગ અથવા અક્ષર માર્કર્સનો ઉપયોગ કરે છે અને અનુક્રમે ક્રમાંકિત સૂચિ તરીકે પ્રદર્શિત થાય છે. આનો ઉપયોગ ઘણીવાર ચોક્કસ ક્રમમાં વસ્તુઓની યાદી કરવા અથવા તેમને નંબર આપવા માટે થાય છે.
વ્યાખ્યા યાદીઓ(<dl>) ડેટા પ્રદર્શિત કરવા માટે શબ્દ અને વર્ણનની જોડીનો ઉપયોગ કરે છે. દરેક જોડી <dt>(વ્યાખ્યા શબ્દ) અને <dd>(વ્યાખ્યા વર્ણન) ટૅગ્સની અંદર બંધ છે. વિશિષ્ટ ખ્યાલો માટે વિશેષતાઓ અથવા વ્યાખ્યાઓ પ્રદર્શિત કરવાની આ એક અસરકારક રીત છે.
અવ્યવસ્થિત યાદી( <ul>)
- <ul> તત્વનો ઉપયોગ બિનક્રમાંકિત સૂચિ બનાવવા માટે થાય છે.
- અવ્યવસ્થિત સૂચિમાંની દરેક વસ્તુ એક <li> તત્વની અંદર મૂકવામાં આવે છે.
- બિનક્રમાંકિત સૂચિઓ સામાન્ય રીતે બુલેટ અથવા સમાન અક્ષરો સાથે પ્રદર્શિત થાય છે.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
ઓર્ડર કરેલ યાદી( <ol>)
- <ol> તત્વનો ઉપયોગ ઓર્ડર કરેલ સૂચિ બનાવવા માટે થાય છે.
- ઓર્ડર કરેલ સૂચિમાંની દરેક વસ્તુ એક <li> તત્વની અંદર મૂકવામાં આવે છે.
- ક્રમાંકિત સૂચિઓ સામાન્ય રીતે સંખ્યાઓ અથવા મૂળાક્ષરોના અક્ષરો સાથે પ્રદર્શિત થાય છે.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
વ્યાખ્યા યાદી( <dl>)
- <dl> તત્વનો ઉપયોગ વ્યાખ્યા સૂચિ બનાવવા માટે થાય છે.
- વ્યાખ્યા સૂચિમાંની દરેક વસ્તુમાં <dt>(વ્યાખ્યા શબ્દ) અને <dd>(વ્યાખ્યા વર્ણન) ટૅગ્સની જોડી હોય છે.
- <dt> ટેગમાં કીવર્ડ અથવા એટ્રીબ્યુટને વ્યાખ્યાયિત કરવામાં આવે છે, જ્યારે <dd> ટેગમાં તે કીવર્ડ અથવા એટ્રીબ્યુટનું વર્ણન અથવા સમજૂતી હોય છે.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
સૂચિ પ્રકાર વિશેષતા( <ul> અને <ol>)
- પ્રકાર એટ્રિબ્યુટનો ઉપયોગ ઓર્ડર કરેલ સૂચિની નંબરિંગ શૈલીને સ્પષ્ટ કરવા માટે થાય છે.
- પ્રકાર વિશેષતાનું મૂલ્ય "1"(સંખ્યાઓ), "A"(અપરકેસ અક્ષરો), "a"(લોઅરકેસ અક્ષરો), "I"(અપરકેસ રોમન અંકો), અથવા "i"(લોઅરકેસ રોમન અંકો) હોઈ શકે છે. .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
પ્રારંભ વિશેષતા( <ol>)
- ક્રમાંકિત સૂચિમાં નંબરિંગના પ્રારંભિક મૂલ્યનો ઉલ્લેખ કરવા માટે પ્રારંભ વિશેષતાનો ઉપયોગ થાય છે.
- સ્ટાર્ટ એટ્રિબ્યુટનું મૂલ્ય ધન પૂર્ણાંક છે.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
વિપરીત વિશેષતા( <ol>)
- રિવર્સ્ડ એટ્રિબ્યુટનો ઉપયોગ રિવર્સ ક્રમમાં ઓર્ડર કરેલ સૂચિ પ્રદર્શિત કરવા માટે થાય છે.
- જ્યારે રિવર્સ્ડ એટ્રિબ્યુટ લાગુ કરવામાં આવે છે, ત્યારે નંબરિંગ ઉતરતા ક્રમમાં પ્રદર્શિત થશે.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
આ વિશેષતાઓ અને તત્વો તમને તમારી જરૂરિયાતો અનુસાર HTML માં સૂચિઓ બનાવવા અને કસ્ટમાઇઝ કરવાની મંજૂરી આપે છે. તમે તેનો ઉપયોગ તમારી વેબસાઇટ પર સ્પષ્ટ અને વ્યવસ્થિત રીતે ડેટા પ્રદર્શિત કરવા માટે કરી શકો છો.