Html പി ആട്രിബ്യൂട്ടുകൾ. ടാഗുകൾ - അവ എന്താണെന്നും അവ എന്താണെന്നും. എന്തുകൊണ്ട് h1-h6 ടാഗുകൾ ആവശ്യമാണ്?
ടാഗ് ചെയ്യുക
ടാഗ് ചെയ്യുക
ഒരു പേജിനെ ഖണ്ഡികകളായി വിഭജിക്കാൻ ഉപയോഗിക്കുന്നു. ഇതിൽ ടെക്സ്റ്റ്, ഇൻലൈൻ ടാഗുകൾ (ലൈൻ ലെവൽ ടാഗുകൾ) മാത്രമേ ഉൾക്കൊള്ളാൻ കഴിയൂ. അതേ സമയം, ടാഗ് തന്നെ
ഇത് ബ്ലോക്ക് അധിഷ്ഠിതമാണ്, അതായത്, അതിന് മുമ്പും ശേഷവും ഒരു ലൈൻ ബ്രേക്ക് സൃഷ്ടിക്കുന്നു. കൂടാതെ, അതിന്റെ വശങ്ങളിൽ നിന്നും ചുറ്റുമുള്ള സന്ദർഭത്തിലേക്ക് മുകളിലും താഴെയുമുള്ള സ്വതന്ത്ര ഇടത്തിന്റെ മാർജിനുകൾ ഇത് സജ്ജമാക്കുന്നു, അതിനാൽ പേജ് ദൃശ്യപരമായി ഖണ്ഡികകളായി തിരിച്ചിരിക്കുന്നു. ടാഗ് ഫീൽഡ് വലുപ്പം
ബ്രൗസർ തരത്തെ ആശ്രയിച്ചിരിക്കുന്നു, എന്നാൽ ഇത് നിലവിലെ പേജിലെ ഒരു വരിയുടെ ഉയരത്തിന് ഏകദേശം തുല്യമാണ്.
ക്ലോസിംഗ് ടാഗ്
ഓപ്ഷണൽ ആണ്. അത് നഷ്‌ടപ്പെട്ടാൽ, പേജിന്റെ HTML കോഡിൽ ചുവടെയുള്ള ആദ്യത്തെ നോൺ-ഇൻലൈൻ ടാഗായി ഖണ്ഡികയുടെ അവസാനം പരിഗണിക്കും.ഗുണവിശേഷങ്ങൾ
വ്യക്തിഗത ആട്രിബ്യൂട്ടുകൾ:
- align - ഖണ്ഡിക ഉള്ളടക്കത്തിന്റെ തിരശ്ചീന വിന്യാസം സജ്ജമാക്കുന്നു.
- ആക്‌സസ്‌കീ - ഒരു HTML എലമെന്റിൽ ഫോക്കസ് ചെയ്യുന്നതിന് കുറുക്കുവഴി കീ സജ്ജമാക്കുന്നു.
- ക്ലാസ് - CSS-ൽ ഉപയോഗിക്കുന്ന ടാഗ് ക്ലാസിന്റെയോ ക്ലാസുകളുടെയോ പേര് വ്യക്തമാക്കുന്നു (കാസ്‌കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ).
- dir - മൂലകത്തിനുള്ളിലെ വാചകത്തിന്റെ ദിശ സൂചിപ്പിക്കുന്നു.
- - ഒരു "ആങ്കർ" അല്ലെങ്കിൽ സ്റ്റൈൽ ഷീറ്റിൽ ഉപയോഗിക്കാവുന്ന ഒരു HTML ടാഗ് ഐഡന്റിഫയറിന്റെ പേര് വ്യക്തമാക്കുന്നു.
- lang - HTML ഘടകത്തിനുള്ളിലെ വാചകം എഴുതിയ ഭാഷയെ സൂചിപ്പിക്കുന്നു.
- ശൈലി - ടാഗിൽ ഇൻലൈൻ CSS ശൈലികൾ പ്രയോഗിക്കാൻ ആവശ്യമാണ്.
- tabindex - ഘടകങ്ങൾ തമ്മിലുള്ള ടാബ് ക്രമം സജ്ജമാക്കുന്നു (ടാബ് കീ).
- ശീർഷകം - നിങ്ങൾ ഒരു HTML ഘടകത്തിന് മുകളിൽ മൗസ് ഹോവർ ചെയ്യുമ്പോൾ ഒരു ടൂൾടിപ്പ് പ്രദർശിപ്പിക്കുന്നു.
ടാഗ് തരം
ഉദ്ദേശ്യം: ടെക്സ്റ്റ് (ബ്ലോക്കുകൾ).
ടാഗ് മോഡൽ: ബ്ലോക്ക് (ബ്ലോക്ക്, ബ്ലോക്ക് ലെവൽ).
അടങ്ങിയിരിക്കാം:ഇൻലൈൻ ടാഗുകൾ, പ്ലെയിൻ ടെക്സ്റ്റ് എന്നിവയും HTML പ്രത്യേക പ്രതീകങ്ങൾ(മെമ്മോണിക്സ്).
തുറക്കുന്ന ടാഗ്:ആവശ്യമായ. ക്ലോസിംഗ് ടാഗ്:ആവശ്യമില്ല.
വാക്യഘടന
ഉള്ളടക്കം
HTML ഉദാഹരണം: പി ടാഗ് ഉപയോഗിക്കുന്നത്
പുതിയ വെബ്‌സൈറ്റ് സ്രഷ്‌ടാക്കൾ വരുത്തുന്ന തെറ്റുകളിലൊന്ന്, പേജിലെ ടെക്സ്റ്റ് വിവരങ്ങളുടെ പശ്ചാത്തലത്തിനായി യൂണിഫോം അല്ലാത്ത ചിത്രങ്ങളോ തിളക്കമുള്ള നിറങ്ങളോ ഉപയോഗിക്കുന്നു എന്നതാണ്. ഇത് വായന പ്രയാസകരമാക്കുക മാത്രമല്ല, ഉപയോക്താക്കളുടെ കാഴ്ചയെ ദോഷകരമായി ബാധിക്കുകയും ചെയ്യുന്നു, ഇത് ഓരോ വരിയിലും ഉറ്റുനോക്കാനും അവരുടെ കണ്ണുകൾ അനാവശ്യമായി ആയാസപ്പെടുത്താനും പ്രേരിപ്പിക്കുന്നു.
മറ്റൊരു തെറ്റ് "എല്ലായിടത്തും" വിപരീത നിറങ്ങളുടെ ഉപയോഗമാണ്, ടെക്സ്റ്റ് നിറം പശ്ചാത്തലത്തേക്കാൾ ദൃശ്യപരമായി ഭാരം കുറഞ്ഞതാണെങ്കിൽ, ഉദാഹരണത്തിന്, ഒരു കറുത്ത പശ്ചാത്തലം - വെളുത്ത വാചകം. ഈ സാങ്കേതികവിദ്യ തികച്ചും ബാധകമാണ്, പക്ഷേ അത് ശരിക്കും ഉചിതമാണെങ്കിൽ മാത്രം.
HTML പതിപ്പ് പിന്തുണ
| പതിപ്പ്: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| പിന്തുണ: | അതെ | അതെ | അതെ | അതെ |
ബ്രൗസർ പിന്തുണ
| ബ്രൗസർ: | ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ | ഗൂഗിൾ ക്രോം | മോസില്ല ഫയർഫോക്സ് | ഓപ്പറ | |
| പതിപ്പ്: | 6.0 ഉം ഉയർന്നതും | 2.0 ഉം ഉയർന്നതും | 2.0 ഉം ഉയർന്നതും | 9.2 ഉം ഉയർന്നതും | 3.1 ഉം ഉയർന്നതും |
| പിന്തുണ: | അതെ | അതെ | അതെ | അതെ | അതെ |
ഇന്ന് നമ്മൾ അത് എന്താണെന്ന് സൂക്ഷ്മമായി പരിശോധിക്കും html ടാഗുകൾഅവരും ഗുണവിശേഷങ്ങൾഉദാഹരണത്തിന് p, br, hr; കൂടാതെ അവർ എന്ത് പങ്കാണ് വഹിക്കുന്നത്? ആട്രിബ്യൂട്ട് മൂല്യങ്ങൾഒരു html പ്രമാണത്തിൽ അടങ്ങിയിരിക്കുന്ന ടാഗുകൾ.
ഞാൻ ആരംഭിക്കുന്നതിന് മുമ്പ്, എന്റെ നീണ്ട അഭാവത്തിൽ ക്ഷമ ചോദിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ഒരു പ്രോജക്റ്റിന്റെ തിരക്കിലായതിനാൽ, കുറച്ച് സമയത്തേക്ക് ബ്ലോഗ് അപ്‌ഡേറ്റ് ചെയ്യുന്നത് ഉപേക്ഷിക്കാൻ ഞാൻ നിർബന്ധിതനായി, ഷെഡ്യൂൾ കുറച്ച് പിന്നോട്ട് പോയി എന്നതാണ് വസ്തുത. എന്നാൽ ഇപ്പോൾ എല്ലാം അവസാനിച്ചു, അതേ താളം നിലനിർത്താനും പതിവായി പുതിയ സാമഗ്രികൾ നൽകാനും ഞാൻ പ്രതീക്ഷിക്കുന്നു.
ഇപ്പോൾ ഞാൻ ഉദ്ദേശിച്ച വിഷയത്തിലേക്ക് മടങ്ങുന്നു. html-ന്റെ അടിസ്ഥാനകാര്യങ്ങളിലേക്കുള്ള എന്റെ ആമുഖത്തിന്റെ ഭാഗമായി, html ഡോക്യുമെന്റുകളുടെ ഘടനയെക്കുറിച്ച് ഞാൻ ഇതിനകം എഴുതിയിട്ടുണ്ട്, അവിടെ പ്രധാന html, ഹെഡ്, ബോഡി ടാഗുകൾ എന്നിവയെക്കുറിച്ചുള്ള വിശദീകരണങ്ങളും ഞാൻ നൽകി, അത് എല്ലാ പ്രമാണങ്ങളിലും ഒരു പ്രത്യേക ടാഗിലും ഉണ്ടായിരിക്കണം.ഒരു പ്രഖ്യാപനം വിളിച്ചു.
ലിസ്റ്റ് ബിൽഡിംഗ് ഫീച്ചർ എങ്ങനെ ഉപയോഗിക്കണം എന്നതിനെക്കുറിച്ചുള്ള വിവരങ്ങളും ഈ വിഭാഗം നൽകുന്നു. കൂടാതെ, നിങ്ങൾക്ക് സൈറ്റിലെ ഫോമുകൾ പരിചയപ്പെടാം കൂടാതെ വൈവിധ്യമാർന്ന ഫോമുകൾ രൂപകൽപ്പന ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്ന ടാഗുകൾ ഉപയോഗിച്ച് പ്രത്യേകം പരിചയപ്പെടാം:
പ്രിയ വായനക്കാരേ, ഫീഡ്‌ബാക്ക് ഫോമിലൂടെയും ഇ-മെയിൽ വഴിയും നിങ്ങളിൽ നിന്ന് നിരവധി ആശംസകൾ ലഭിച്ചതിനാൽ, തുടക്കത്തിലേക്ക് മടങ്ങാനും ടാഗുകൾ എങ്ങനെ നിലവിലുണ്ട്, അവ എങ്ങനെ തരംതിരിച്ചിട്ടുണ്ട്, html ടാഗുകളുടെ ആട്രിബ്യൂട്ടുകൾ എന്തൊക്കെയാണെന്നും കൂടുതൽ വിശദമായി പരിശോധിക്കാൻ ഞാൻ തീരുമാനിച്ചു. . അതിനാൽ, നമുക്ക് ആരംഭിക്കാം.
ജോടിയാക്കിയതും സിംഗിൾ, ബ്ലോക്ക്, ലൈൻ HTML ടാഗുകൾ: p, br, hr
മുമ്പത്തെ ബ്ലോഗ് പോസ്റ്റുകളിൽ നിന്ന് നിങ്ങൾ ഇതിനകം മനസ്സിലാക്കിയതുപോലെ, ഹൈപ്പർ ടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജിന്റെ (HTML) പ്രധാന ഘടനാപരമായ യൂണിറ്റാണ് ടാഗ്. വലിയതോതിൽ, ഒരു പ്രത്യേക പ്രമാണത്തെ (ഉദാഹരണത്തിന്, നിങ്ങളുടെ റിസോഴ്സിന്റെ പേജുകളിലൊന്ന്) വിവരിക്കുന്ന html കോഡ് നിർണ്ണയിക്കുന്നത് ടാഗുകളുടെ കൂട്ടമാണ്.
ടാഗുകളെ ജോഡികളായും സിംഗിൾസ് ആയും ബ്ലോക്ക്, ലൈൻ ടാഗുകളായി തരംതിരിച്ചിരിക്കുന്നു. ഇപ്പോൾ, ക്രമത്തിൽ, ഏറ്റവും ജനപ്രിയവും പതിവായി ഉപയോഗിക്കുന്നതുമായ ടാഗുകളുടെ ഉദാഹരണം ഉപയോഗിച്ച് അവരുടെ വ്യത്യാസങ്ങളുടെ സാരാംശം നോക്കാം. വഴിയിൽ, പല സ്രോതസ്സുകളിലും നിങ്ങൾക്ക് ബ്ലോക്കിന്റെയും ഇൻലൈൻ ഘടകങ്ങളുടെയും പേര് കണ്ടെത്താൻ കഴിയും, അവ ഒരേ കാര്യമാണെന്ന് അറിയുക.
ആരംഭിക്കുന്നതിന്, ഞാൻ ഹ്രസ്വമായ നിർവചനങ്ങൾ നൽകും. ജോടിയാക്കിയ html ടാഗുകൾ- ഓപ്പണിംഗ്, ക്ലോസിംഗ് ടാഗുകൾ ഉള്ള ഘടകങ്ങൾ, അവയ്ക്കിടയിൽ ഉള്ളടക്കം അടങ്ങിയിരിക്കുന്നു; ഒറ്റ മൂലകങ്ങൾക്ക് ക്ലോസിംഗ് ടാഗ് ഇല്ല. ലഭ്യമായ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നവയാണ് ബ്ലോക്ക് ഘടകങ്ങൾ; അതിന്റെ ഉയരം നിർണ്ണയിക്കുന്നത് ഉള്ളടക്കമാണ്. അതിനാൽ, സ്ഥിരസ്ഥിതിയായി, നിരവധി ബ്ലോക്ക് ഘടകങ്ങൾ പരസ്പരം കീഴിലായിരിക്കും.
ബ്ലോക്ക് മൂലകങ്ങൾ ഒന്നിനുപുറകെ ഒന്നായി സ്ഥാപിക്കാൻ കഴിയും, എന്നാൽ അവയെല്ലാം അല്ല, പിന്നീട് കൂടുതൽ. ഇൻലൈൻ ടാഗുകളിൽ സാധാരണയായി വാചകമോ മറ്റ് ഇൻലൈൻ ഘടകങ്ങളോ അടങ്ങിയിരിക്കുന്നു, എന്നാൽ ഇൻലൈൻ ടാഗുകൾക്കുള്ളിൽ ബ്ലോക്ക് ടാഗുകൾ സ്ഥാപിക്കാൻ നിങ്ങൾക്ക് അനുവാദമില്ല. ഇൻലൈൻ ടാഗുകൾ, ബ്ലോക്ക് ടാഗുകളിൽ നിന്ന് വ്യത്യസ്തമായി, ഒരു ലൈനിൽ സ്ഥിതിചെയ്യുന്നു, ലഭ്യമായ വീതിയുള്ള ഇടം തീരുമ്പോൾ ആവശ്യമെങ്കിൽ മാത്രം മറ്റൊന്നിലേക്ക് മാറ്റും.
ഒരുപക്ഷേ, തുടക്കക്കാർക്ക് ഇത് ഇപ്പോഴും അൽപ്പം സങ്കീർണ്ണമാണ്, തലയിൽ ആശയക്കുഴപ്പമുണ്ട്, പക്ഷേ ഇത് ഒരു നല്ല തുടക്കമാണ്. ഭാവിയിൽ എല്ലാം വ്യക്തമാകും, എനിക്ക് ഇത് ബോധ്യമുണ്ട്. അതിലുപരിയായി, പൊതുവായ ടാഗുകളെ അടിസ്ഥാനമാക്കിയുള്ള നിർദ്ദിഷ്ട ഉദാഹരണങ്ങളിലേക്ക് ഞാൻ നീങ്ങുന്നു, ഓരോ തവണയും ഏത് ഘടകങ്ങൾ, ഇൻലൈൻ അല്ലെങ്കിൽ ബ്ലോക്ക്, ജോടിയാക്കിയ അല്ലെങ്കിൽ സിംഗിൾ, അവ ഓരോന്നും ഉൾപ്പെട്ടതാണ്.
ഓരോ വെബ്‌മാസ്റ്ററും അക്ഷരാർത്ഥത്തിൽ ഓരോ മിനിറ്റിലും ഉപയോഗിക്കുന്ന p ടാഗിൽ നിന്ന് ആരംഭിക്കാം, ഞാൻ അതിശയോക്തിപരമല്ല. ഈ മൂലകത്തിന്റെ പേര് ഇംഗ്ലീഷ് പദമായ ഖണ്ഡികയുടെ (ഖണ്ഡിക, ഖണ്ഡിക) പ്രാരംഭ അക്ഷരത്തിൽ നിന്നാണ് വരുന്നത്. വാചകത്തിന്റെ ശകലങ്ങൾ ഹൈലൈറ്റ് ചെയ്യാൻ ഇത് സഹായിക്കുന്നു, അതിനാൽ വായനക്കാർക്ക് ഗ്രഹിക്കാൻ വളരെ എളുപ്പമാണ്. ഇപ്പോൾ, ഉദാഹരണത്തിന്, ഞാൻ ഒരു ലേഖനം എഴുതുകയും പോസ്റ്റിന്റെ വാചകം കാലാകാലങ്ങളിൽ ഖണ്ഡികകളായി ഹൈലൈറ്റ് ചെയ്യുകയും ചെയ്യുന്നു, നിങ്ങൾക്ക് ഇത് കാണാൻ കഴിയും.
വാചകത്തെ ശകലങ്ങളായി വിഭജിക്കുന്നതിലൂടെയും റിസോഴ്‌സിലേക്കുള്ള സന്ദർശകർക്ക് മെറ്റീരിയൽ മനസ്സിലാക്കുന്നത് കഴിയുന്നത്ര എളുപ്പമാക്കുന്നതിലൂടെയും, തിരയൽ എഞ്ചിനുകൾക്കായുള്ള ഉറവിടം നിങ്ങൾക്ക് ഗണ്യമായി മെച്ചപ്പെടുത്താൻ കഴിയും, അത് അതിന്റെ പ്രമോഷനിൽ പ്രധാനമാണ്.
അതിന്റെ കാമ്പിൽ, സ്വാഭാവികമായും, p മൂലകം ജോടിയാക്കിയിരിക്കുന്നു, കാരണം അതിന് ഒരു ഓപ്പണിംഗ്, ക്ലോസിംഗ് ടാഗ് ഉണ്ട്. അതേ സമയം, ഇൻലൈൻ ഘടകങ്ങൾ മാത്രം ഉൾക്കൊള്ളാൻ കഴിയുന്ന ഒരു ബ്ലോക്ക് മൂലകമാണിത്. ഉദാഹരണത്തിന്, നിങ്ങൾ നിരവധി വരികളിൽ കുറച്ച് ടെക്സ്റ്റ് എഴുതുകയും തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനും ഇടയിലുള്ള p ടാഗുകൾക്കിടയിൽ വലയം ചെയ്താൽ, ബ്രൗസർ അത് ഇപ്പോഴും ഒരു വരിയിൽ പ്രദർശിപ്പിക്കും, ടെക്സ്റ്റ് ഒരു വരിയിൽ ചേരുന്നില്ലെങ്കിൽ മാത്രമേ അത് കൈമാറുകയുള്ളൂ.
HTML ടാഗുകൾ ടാഗ് p - ബ്ലോക്ക് ഘടകം ടാഗിന്റെ ഉള്ളടക്കം p
എന്നാൽ ഈ വാചകം നിരവധി വരികളിൽ പ്രദർശിപ്പിക്കുന്നതിന്, നിങ്ങൾ br ഘടകം (ഇംഗ്ലീഷ് "ബ്രേക്ക്" എന്നതിൽ നിന്ന്) ഉപയോഗിക്കേണ്ടതുണ്ട്, അത് സിംഗിൾ ആണ്, അതായത്, ഇതിന് ഒരു ക്ലോസിംഗ് ടാഗ് ഇല്ല, കൂടാതെ ഇത് ഒരു ഇൻലൈൻ ഘടകവുമാണ്. p ടാഗിന്റെ ഉള്ളടക്കമായ ടെക്സ്റ്റിന്റെ ഓരോ വരിയുടെയും അവസാനം ഇത് സ്ഥാപിക്കുന്നതിലൂടെ, നമുക്ക് ആവശ്യമുള്ള ഓപ്ഷൻ ലഭിക്കും:
HTML ടാഗുകൾ
ടാഗ് പി - ബ്ലോക്ക് ഘടകം
പി ടാഗിന്റെ ഉള്ളടക്കം
ബ്രാ ടാഗുകൾ എഴുതുന്നത് ഏറെക്കുറെ സൗജന്യമാണ്. അതായത്, നിങ്ങൾക്ക് ഒരേസമയം നിരവധി വരികൾ തിരഞ്ഞെടുത്ത് ഓരോന്നിന്റെയും അവസാനം ഈ ടാഗ് ഇടാം, അല്ലെങ്കിൽ നിങ്ങൾക്ക് സാധാരണ രീതിയിൽ ടെക്സ്റ്റ് എഴുതുകയും ഹൈഫനുകൾ നിർമ്മിക്കേണ്ട സ്ഥലങ്ങളിൽ br ചേർക്കുകയും ചെയ്യാം. ബ്ലോക്ക് ടാഗിന്റെ ഉള്ളടക്കത്തിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന br ഇൻലൈൻ ഘടകങ്ങളുടെ എണ്ണം ആവശ്യമുള്ളത്ര വലുതായിരിക്കും. അതായത്, നിങ്ങൾക്ക് ഇഷ്ടമുള്ള അത്രയും വാചകം ഒരു പുതിയ വരിയിൽ എഴുതാം.
ഇപ്പോൾ നമുക്ക് മറ്റൊരു ലളിതമായ ടാഗ് നോക്കാം, അത് ലേഖനത്തിന്റെ അവസാനത്തിൽ കൂടുതൽ വിശദമായി സംസാരിക്കും. ഞങ്ങൾ hr ടാഗിനെക്കുറിച്ചാണ് സംസാരിക്കുന്നത് (ഇംഗ്ലീഷിൽ നിന്ന് "തിരശ്ചീന നിയമം"- തിരശ്ചീന രേഖ), ഇത് ഒറ്റത്തവണയാണ്, എന്നാൽ അതേ സമയം തടയുക, കാരണം സ്ഥിരസ്ഥിതിയായി ഇത് സാധ്യമായ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു. പേജ് ഉള്ളടക്കത്തെ ലോജിക്കൽ ഭാഗങ്ങളായി വിഭജിക്കുന്നതിന് ഉപയോഗപ്രദമായ ഒരു ലളിതമായ തിരശ്ചീന രേഖ ഇത് വിവരിക്കുന്നു. ഇത് ടെക്സ്റ്റ്, ഇമേജുകളുടെ ഗ്രൂപ്പുകൾ അല്ലെങ്കിൽ മറ്റ് ചില ഡിസൈൻ ഘടകങ്ങൾ എന്നിവ വേർതിരിക്കാം.
ഈ തിരശ്ചീന രേഖയുടെ രൂപം പേജ് കാണുന്ന ബ്രൗസറിനെ ആശ്രയിച്ചിരിക്കുന്നു, ഈ ഘടകം അടങ്ങിയിരിക്കുന്ന html കോഡ്. കൂടാതെ, ഈ വരിയുടെ രൂപം, മറ്റ് ഘടകങ്ങളുടെ രൂപം പോലെ, വിവിധ ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിച്ച് എഡിറ്റുചെയ്യാനാകും. ഇന്ന് നമ്മുടെ വിഷയത്തിന്റെ മറ്റൊരു ഘടകത്തെ ഞങ്ങൾ സുഗമമായി സമീപിച്ചിരിക്കുന്നു, അതായത് html ടാഗ് ആട്രിബ്യൂട്ടുകളുടെ ആശയം.
HTML ടാഗുകളുടെ ആട്രിബ്യൂട്ടുകളും അവയുടെ വർഗ്ഗീകരണവും
html ടാഗുകളുടെ ആട്രിബ്യൂട്ടുകൾ അവർക്ക് അധിക സവിശേഷതകൾ നൽകാനും ബ്രൗസർ പ്രദർശിപ്പിക്കുന്ന വെബ് പേജ് ഘടകങ്ങളുടെ രൂപം വൈവിധ്യവത്കരിക്കാനും നിങ്ങളെ അനുവദിക്കുന്നു. ഓരോ ടാഗിനും നിരവധി ആട്രിബ്യൂട്ടുകൾ ഉണ്ടായിരിക്കാം. ഒരു വെബ്‌സൈറ്റ് പേജിന്റെ ഒരു പ്രത്യേക ഏരിയയുടെ രൂപകൽപ്പന രൂപപ്പെടുത്തുന്നതിൽ അവ ഓരോന്നും ഒരു പങ്ക് വഹിക്കുന്നു. ഘടകത്തിന്റെ പേരിന് ശേഷം ഓപ്പണിംഗ് ടാഗിനുള്ളിൽ ആട്രിബ്യൂട്ടുകൾ എഴുതിയിരിക്കുന്നു. നിരവധി ആട്രിബ്യൂട്ടുകൾ ഉണ്ടെങ്കിൽ, അവയുടെ ക്രമം പ്രശ്നമല്ല; അത് എന്തും ആകാം.
മിക്കവാറും എല്ലാ ആട്രിബ്യൂട്ടിനും അതിന്റേതായ മൂല്യമുണ്ട് (പാരാമീറ്റർ). പൊതുവേ, ഏതെങ്കിലും ഒറ്റ അല്ലെങ്കിൽ ജോടിയാക്കിയ ടാഗിനെ ഇനിപ്പറയുന്ന രീതിയിൽ സ്കീമാറ്റിക്കായി പ്രതിനിധീകരിക്കാം:
ഒരു ആട്രിബ്യൂട്ടിന്റെ മൂല്യം സൂചിപ്പിക്കാൻ, ആട്രിബ്യൂട്ട് പേരുകൾക്ക് ശേഷം ഒരു തുല്യ ചിഹ്നം സ്ഥാപിക്കേണ്ടതും മൂല്യം തന്നെ ഒറ്റ അല്ലെങ്കിൽ ഇരട്ട ഉദ്ധരണികളിൽ ഉൾപ്പെടുത്തേണ്ടതും ശ്രദ്ധിക്കുക. ഇൻലൈൻ, ബ്ലോക്ക് തരങ്ങളിൽ ആട്രിബ്യൂട്ടുകൾ ഉണ്ടാകാം; സിംഗിൾസ്, ഡബിൾസ് ടാഗുകളിൽ.
സ്വാഭാവികമായും, ഒരൊറ്റ മൂലകത്തിന്റെ കാര്യത്തിൽ, ക്ലോസിംഗ് ടാഗ് ഉണ്ടാകില്ല. എല്ലാ ആട്രിബ്യൂട്ടുകളും അവയുടെ മൂല്യങ്ങളും ഓപ്പണിംഗ് ടാഗിനുള്ളിൽ എഴുതിയിരിക്കുന്നു, അവ ഒരു സ്‌പെയ്‌സ് കൊണ്ട് വേർതിരിക്കേണ്ടതാണ്, അല്ലാത്തപക്ഷം ബ്രൗസറിലെ അനുബന്ധ ഏരിയ ശരിയായി പ്രദർശിപ്പിക്കില്ല. അതെ, ഞാൻ ഏറെക്കുറെ മറന്നുപോയി, ചില ആട്രിബ്യൂട്ടുകൾക്ക് മൂല്യങ്ങളുണ്ടാകില്ല. തീർച്ചയായും, സാധ്യമായ എല്ലാ ആട്രിബ്യൂട്ടുകളും സംയോജിപ്പിച്ച് എല്ലാ ടാഗുകളും പാഴ്സ് ചെയ്യുന്നത് അസാധ്യമാണ്, ഇത് പ്രശ്നമല്ല, പ്രധാന കാര്യം അവയുടെ ഉപയോഗത്തിന്റെ സംവിധാനം മനസ്സിലാക്കുക എന്നതാണ്. ഔദ്യോഗിക പേജിൽ നിങ്ങൾക്ക് ശുപാർശ ചെയ്യുന്ന എല്ലാ html ടാഗുകളും പഠിക്കാം.
ശരിയാണ്, html 4.01-ന്റെ ഔദ്യോഗികമായി നിലവിലുള്ള മാനദണ്ഡങ്ങളുമായി പൊരുത്തപ്പെടുന്ന ഡാറ്റയുണ്ട്. എന്നിരുന്നാലും, പതിപ്പ് html 5 നടപ്പിലാക്കുന്നത് അതിവേഗം നടക്കുന്നു, അതിന്റെ നിയമങ്ങൾ ഇതിനകം തന്നെ ജനപ്രിയ ബ്രൗസറുകൾ പിന്തുടരുന്നു. കൂടാതെ ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയുടെ പുതിയ പതിപ്പിൽ, ചില ടാഗുകളും ആട്രിബ്യൂട്ടുകളും ഇനി സാധുതയുള്ളതല്ല, അതായത്, അവ HTML മാനദണ്ഡങ്ങൾ പാലിക്കില്ല. അതിനാൽ, ഞങ്ങൾ സമയത്തിനനുസരിച്ച് തുടരും, ഭാവിയിൽ ഞാൻ നിങ്ങൾക്ക് സാധുവായ ടാഗുകളും ആട്രിബ്യൂട്ടുകളും മാത്രമേ വാഗ്ദാനം ചെയ്യുന്നുള്ളൂ, HTML കോഡ് മാനദണ്ഡങ്ങൾ പാലിക്കാത്തത് ഒഴിവാക്കാൻ ഞങ്ങൾ ഭാവിയിൽ പഠിക്കും, ഈ വിഷയത്തിലെ മെറ്റീരിയലുകൾ വളരെ വേഗം ദൃശ്യമാകും.
എന്നാൽ ശുപാർശ ചെയ്യുന്ന html ടാഗുകളുടെ ഒരു പട്ടിക അവതരിപ്പിക്കുന്ന ഔദ്യോഗിക W3C പേജ് നോക്കാം. ഞങ്ങൾക്ക് താൽപ്പര്യമുള്ള ടാഗ് ഉള്ള ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുകയാണെങ്കിൽ (വ്യക്തതയ്ക്കായി, ഇതിനകം സൂചിപ്പിച്ച hr ടാഗ് എടുക്കാം, പ്രത്യേകിച്ചും ഞങ്ങൾ അതിനൊപ്പമുള്ള ഒരു ഉദാഹരണം ചുവടെ പരിഗണിക്കുന്നതിനാൽ), തുടർന്ന് ഞങ്ങളെ ഈ വെബ് പേജിലേക്ക് റീഡയറക്‌ടുചെയ്യും, അവിടെ സ്പെസിഫിക്കേഷൻ ഈ ഘടകത്തെക്കുറിച്ച് നൽകിയിരിക്കുന്നു:
എല്ലാ ഘടകങ്ങളും മൂന്ന് ഗ്രൂപ്പുകളായി തിരിക്കാം:
- യൂണിവേഴ്സൽ ആട്രിബ്യൂട്ട് ഗ്രൂപ്പ്- അവ മിക്കവാറും എല്ലാ html ടാഗുകളിലും ബാധകമാണ്. മുകളിലുള്ള സ്ക്രീൻഷോട്ടിൽ അവ ഒരു പച്ച ഫ്രെയിമിൽ ഹൈലൈറ്റ് ചെയ്തിരിക്കുന്നു
- അതുല്യമായ ആട്രിബ്യൂട്ടുകൾ- ഈ ഘടകത്തിന് തനതായ ആട്രിബ്യൂട്ടുകളുടെ ഒരു കൂട്ടം (ചിത്രത്തിലെ hr ടാഗിനായി അവ പർപ്പിൾ നിറത്തിൽ അടിവരയിട്ടിരിക്കുന്നു: വിന്യസിക്കുക, നോഷെഡ്, വലുപ്പം, വീതി). html 5 സ്പെസിഫിക്കേഷൻ തിരശ്ചീന രേഖയുടെ നിറം വ്യക്തമാക്കുന്ന ഒരു പുതിയ വർണ്ണ ആട്രിബ്യൂട്ട് ചേർത്തു.
- ഇവന്റുകൾ- ഒരു ഉപയോക്തൃ പ്രവർത്തനത്തിന് പ്രതികരണമായി ചില പ്രവർത്തനങ്ങൾ ആവശ്യമായി വരുമ്പോൾ ഈ ആട്രിബ്യൂട്ടുകൾ ആവശ്യമാണ്. സ്ക്രീൻഷോട്ടിൽ അവ നീല ഫ്രെയിമിൽ ഹൈലൈറ്റ് ചെയ്തിരിക്കുന്നു.
ആട്രിബ്യൂട്ടുകളെക്കുറിച്ചുള്ള വിവരങ്ങൾ മറ്റൊരു W3C പേജിലും ലഭിക്കും, അവിടെ html ആട്രിബ്യൂട്ടുകളുടെ പൂർണ്ണമായ ഒരു പട്ടികയുണ്ട്:
ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയിൽ നിലവിലുള്ള എല്ലാ ടാഗുകൾക്കുമുള്ള എല്ലാ ആട്രിബ്യൂട്ടുകളും ഈ പട്ടിക കാണിക്കുന്നു. ആവശ്യമുള്ള ആട്രിബ്യൂട്ടിന് എതിർവശത്തുള്ള "ബന്ധപ്പെട്ട ഘടകങ്ങൾ" നിരയിൽ, ഈ ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാവുന്ന ടാഗുകൾ അടയാളപ്പെടുത്തിയിരിക്കുന്നു. ആട്രിബ്യൂട്ട് മൂല്യമായി ഉപയോഗിക്കാവുന്ന ഡാറ്റയുടെ തരം "ടൈപ്പ്" കോളം സൂചിപ്പിക്കുന്നു. ഉദാഹരണത്തിന്, അലൈൻ ആട്രിബ്യൂട്ടിന് (ഒരു മൂലകത്തിന്റെ വിന്യാസം നിർണ്ണയിക്കുന്നത്) മൂന്ന് സാധ്യമായ മൂല്യങ്ങളുണ്ട് (ഇടത്, മധ്യം, വലത്).
"Dept" നിരയിൽ D അക്ഷരം അടങ്ങിയിട്ടുണ്ടെങ്കിൽ, ഈ ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നില്ല, അല്ലാത്തപക്ഷം html പ്രമാണം മൂല്യനിർണ്ണയം നൽകില്ല. ഈ സാഹചര്യത്തിൽ, CSS ശൈലികൾ ഉപയോഗിക്കേണ്ടത് ആവശ്യമാണ്, അത് ഞാൻ ഇതിനകം സൂചിപ്പിച്ചതുപോലെ, സമീപഭാവിയിൽ ഞങ്ങൾ പഠിക്കും. ഇത് ആവശ്യമാണ്, കാരണം html 5 ലെ മിക്ക ആട്രിബ്യൂട്ടുകളും ഒഴിവാക്കപ്പെട്ടിരിക്കുന്നു, കൂടാതെ മൂലകങ്ങളുടെ രൂപം css ഉപയോഗിച്ച് നിർണ്ണയിക്കണം.
വഴിയിൽ, html 5 പതിപ്പ് അനുസരിച്ച് ചേർത്ത ടാഗുകളും അവയുടെ ആട്രിബ്യൂട്ടുകളുമുള്ള തികച്ചും പൂർണ്ണമായ വിവരങ്ങൾ, html-ന്റെ അടിസ്ഥാനകാര്യങ്ങൾ, അതായത് htmlbook, റഷ്യൻ ഭാഷയിൽ പഠിക്കാൻ സമർപ്പിച്ചിരിക്കുന്ന ഉറവിടങ്ങളിൽ ഏറ്റവും മികച്ച ഒന്നിൽ അവതരിപ്പിച്ചിരിക്കുന്നു.
hr ടാഗ് ഉപയോഗിച്ച് ഒരു തിരശ്ചീന രേഖ എങ്ങനെ പ്രദർശിപ്പിക്കാം
ഞങ്ങൾ പുരോഗമനപരമായി പ്രവർത്തിക്കും. hr ഘടകംആട്രിബ്യൂട്ടുകൾ ഇല്ലാതെ, സ്ഥലത്തിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്ന ഒരു ലളിതമായ തിരശ്ചീന രേഖ നിർവചിക്കുന്നു (മുകളിലുള്ള ഉദാഹരണം കാണുക). hr ടാഗിൽ വിവിധ ആട്രിബ്യൂട്ടുകൾ തുടർച്ചയായി പ്രയോഗിക്കുന്നതിലൂടെ, ഞങ്ങൾ തിരശ്ചീന രേഖയുടെ രൂപം മാറ്റും.
ആദ്യം, നമുക്ക് അലൈൻ, വീതി ആട്രിബ്യൂട്ടുകൾ എഴുതാം. വിന്യസിക്കുന്നതിന്, വീതി ആട്രിബ്യൂട്ട് വ്യക്തമാക്കിയിട്ടുണ്ടെങ്കിൽ മാത്രമേ അത് ഉപയോഗിക്കുന്നതിന് അർത്ഥമുള്ളൂ, അത് മൂലകത്തിന്റെ വീതി (പേജിന്റെ വീതിയേക്കാൾ കുറവ്) നിർണ്ണയിക്കുന്നു. hr ടാഗ് ഒരു ബ്ലോക്ക് ഘടകമാണെന്നും ഡിഫോൾട്ടായി ലഭ്യമായ എല്ലാ വീതിയുള്ള സ്ഥലവും എടുക്കുമെന്നും ഞാൻ നിങ്ങളെ ഓർമ്മിപ്പിക്കട്ടെ.
വീതി ആട്രിബ്യൂട്ടിന്റെ മൂല്യം ഒന്നുകിൽ സംഖ്യകളാകാം (അങ്ങനെയെങ്കിൽ വീതി പിക്സലുകളിൽ സൂചിപ്പിക്കും) അല്ലെങ്കിൽ ലഭ്യമായ സ്ഥലത്തിന്റെ ഒരു അംശമായി മൂലകത്തിന്റെ വീതി വ്യക്തമാക്കുന്ന ശതമാനങ്ങൾ. വലുപ്പ ആട്രിബ്യൂട്ടിന്റെ മൂല്യം അക്കങ്ങളിൽ നൽകുകയും മൂലകത്തിന്റെ ഉയരം നിർണ്ണയിക്കുകയും ചെയ്യുന്നു (ഈ സാഹചര്യത്തിൽ, തിരശ്ചീന രേഖയുടെ കനം). അതിനാൽ നമുക്ക് ഒരു ഉദാഹരണം നോക്കാം:
അടുത്തതായി, മുകളിൽ പറഞ്ഞവയിലേക്ക് noshade ആട്രിബ്യൂട്ട് ചേർക്കുക. hr ടാഗ് ഉപയോഗിക്കുമ്പോൾ, 3D ഇഫക്റ്റുകൾ (ഷാഡോ) ഡിഫോൾട്ടായി ഉപയോഗിക്കുന്നു എന്നതാണ് വസ്തുത, തൊട്ടുമുകളിലുള്ള ലൈൻ നോക്കിയാൽ നിങ്ങൾക്ക് കാണാൻ കഴിയും. നോഷേഡ് ആട്രിബ്യൂട്ട് വ്യക്തമാക്കുന്നതിലൂടെ, ഞങ്ങൾ അവയുടെ ഉപയോഗം നിരോധിക്കുന്നു.
ഇപ്പോൾ നമുക്ക് കളർ ആട്രിബ്യൂട്ട് ചേർക്കാൻ ശ്രമിക്കാം, അത് തിരശ്ചീന രേഖയുടെ നിറം നിർണ്ണയിക്കും. ഈ ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നത് 3D ഇഫക്റ്റുകളെ സ്വയമേവ പ്രവർത്തനരഹിതമാക്കുന്നു, അതിനാൽ noshade ആവശ്യമില്ല. മൂല്യം എന്ന നിലയിൽ ഞങ്ങൾ നിറത്തിന്റെ പേര് സജ്ജമാക്കുന്നു, ഉദാഹരണത്തിന്, "നീല".
അതിനാൽ, p, br, hr എന്നിവയുടെ നിർദ്ദിഷ്ട ഉദാഹരണം ഉപയോഗിച്ച്, ഒരു വെബ് പേജിലെ വിവിധ ഘടകങ്ങളുടെ രൂപീകരണത്തെ html ടാഗുകളും ഉപയോഗിക്കുന്ന വിവിധ ആട്രിബ്യൂട്ടുകളും എങ്ങനെ ബാധിക്കുന്നുവെന്ന് ഞങ്ങൾ പരിശോധിച്ചു. ഈ വിഷയത്തിന്റെ തുടർച്ച ഞാൻ ഉടൻ പ്രസിദ്ധീകരിക്കും, അതിനാൽ പുതിയ മെറ്റീരിയലുകൾ ലഭിക്കുന്നതിന്, RSS ഫീഡ് അല്ലെങ്കിൽ ഇമെയിൽ വഴി ബ്ലോഗ് അപ്ഡേറ്റുകൾ സബ്സ്ക്രൈബ് ചെയ്യാൻ മറക്കരുത്. അതിനാൽ, ആശംസകളോടെ അവധിയെടുക്കാൻ എന്നെ അനുവദിക്കൂ.
ആഗോള ഇൻറർനെറ്റിലെ പ്രമാണങ്ങൾക്കായി ഉദ്ദേശിച്ചിട്ടുള്ള ഒരു സാധാരണ മാർക്ക്അപ്പ് ഭാഷയാണ് HTML ടാഗുകൾ. അദ്ദേഹത്തിന് നന്ദി, വേൾഡ് വൈഡ് വെബിന്റെ എല്ലാ പേജുകളും സൃഷ്ടിച്ചു. നിങ്ങൾ നിലവിൽ ഉള്ള പേജിന്റെ കോഡ് നോക്കുകയാണെങ്കിൽ, അക്ഷരമാല, സംഖ്യാ പ്രതീകങ്ങളുടെ ഒരു വലിയ എണ്ണം നിങ്ങൾ കാണും - ഇവ HTML നായുള്ള ടാഗുകളാണ്. വെബ്‌സൈറ്റുകളുടെ സെർച്ച് എഞ്ചിൻ ഒപ്റ്റിമൈസേഷന് അവയിൽ ചിലത് പ്രത്യേക പ്രാധാന്യമുള്ളവയാണ്.
ശീർഷക ടാഗുകൾ എന്തൊക്കെയാണ്?
ശീർഷക ടാഗുകൾ ഒരു വെബ് പേജിലെ ഒരു കീവേഡിന്റെ ഭാരത്തെ ഏറ്റവും വലിയ സ്വാധീനം ചെലുത്തുന്നു. ബ്രൗസർ ലേഖനത്തിന്റെ ശീർഷകം പ്രദർശിപ്പിക്കുന്നു, ഇത് ടാഗിനെ സെർച്ച് എഞ്ചിൻ ഒപ്റ്റിമൈസേഷന്റെ ഒരു പ്രധാന ഘടകമാക്കി മാറ്റുന്നു. ശ്രദ്ധ ആകർഷിക്കാൻ, ലേഖനത്തിന്റെ തലക്കെട്ടുകൾ ഒരു സാധാരണ വ്യക്തിക്ക് മനസ്സിലാകുന്ന ഭാഷയിൽ എഴുതുകയും വേണ്ടത്ര വിവരങ്ങൾ ഉൾക്കൊള്ളുകയും വേണം. മൂല്യത്തിലെ ടാഗിന്റെ മികച്ച പ്രകടനത്തിന് < തലക്കെട്ട് > കുറഞ്ഞത് 7 വാക്കുകളെങ്കിലും അടങ്ങിയിരിക്കണം. ഈ നിയമം പാലിക്കുകയാണെങ്കിൽ, സെർച്ച് എഞ്ചിനുകളിൽ നിന്ന് അധിക ട്രാഫിക് ലഭിക്കാൻ നിങ്ങൾക്ക് അവസരം ലഭിക്കും. അവസാനമായി, തലക്കെട്ട് ലേഖനത്തിന്റെ വിഷയവുമായി കഴിയുന്നത്ര അടുത്ത് ആയിരിക്കണം.
എന്താണ് കാഴ്ച ടാഗുകൾ< h1>,< h2>…< h6>?
അത്തരം ടാഗുകൾ ടാഗുകൾക്കുള്ളിൽ നേരിട്ട് സ്ഥിതിചെയ്യുന്ന ടെക്സ്റ്റ് തലക്കെട്ടുകളാണ്: സൈറ്റിന്റെ മികച്ച പ്രകടനത്തിന്, ടാഗ്
- അഞ്ച് തവണയിൽ കൂടരുത്. പേജുകൾ ഫോർമാറ്റ് ചെയ്യുന്നതിനും ക്രമീകരിക്കുന്നതിനുമുള്ള ടാഗുകൾ - ആവശ്യമായ അളവിൽ ഉപയോഗിക്കുന്നു, പക്ഷേ ചെയ്യാൻ ശ്രമിക്കുക
- ആവശ്യമായ അളവിൽ ഉപയോഗിക്കുന്നു, പക്ഷേ ചെയ്യാൻ ശ്രമിക്കുക
ടാഗുകൾ എന്തൊക്കെയാണ്< മെറ്റാ>?
എസ്‌ഇഒയ്ക്ക് രണ്ട് മെറ്റാ ടാഗുകൾ വളരെ പ്രധാനമാണ്: വിവരണവും കീവേഡുകളും. അവ പേജിൽ പ്രദർശിപ്പിക്കില്ല, പക്ഷേ തിരയൽ എഞ്ചിനുകൾ അവ കണക്കിലെടുക്കുന്നു. തുടക്കത്തിൽ, ഒരു ഡോക്യുമെന്റിന്റെ സെമാന്റിക്‌സ് സെർച്ച് എഞ്ചിനുകൾക്ക് മനസ്സിലാക്കാൻ എളുപ്പമാക്കുന്നതിന് കീവേഡുകൾ സൃഷ്ടിച്ചു. ഇപ്പോൾ ഇന്റർനെറ്റ് പേജിന്റെ സാരാംശം പ്രതിഫലിപ്പിക്കുന്ന വാക്കുകൾ ഈ ടാഗിൽ ചേർത്തിരിക്കുന്നു.
വിവരണ ടാഗിനെ സംബന്ധിച്ചിടത്തോളം, മുമ്പ് ധാരാളം വാക്കുകൾ അതിൽ ചേർത്തിരുന്നു, അങ്ങനെ റാങ്കിംഗിനെ ബാധിക്കുന്നു. ഈ ടാഗിന്റെ മൂല്യങ്ങളെ അടിസ്ഥാനമാക്കി Yandex തിരയൽ എഞ്ചിൻ സ്നിപ്പെറ്റുകൾ സൃഷ്ടിക്കുന്നു. ഇന്ന്, വിവരണം ആവശ്യമില്ലെന്ന് പലർക്കും ഉറപ്പുണ്ട്, പക്ഷേ ഒപ്റ്റിമൈസറുകൾ ഇപ്പോഴും അത് പൂരിപ്പിക്കാൻ ശുപാർശ ചെയ്യുന്നു. ഏത് സാഹചര്യത്തിലും, ഇത് ഒരു ദോഷവും ചെയ്യില്ല.
ടാഗുകൾ എന്തൊക്കെയാണ്< ശക്തമായ>,< b> ഒപ്പം< em> ?
ടാഗ് പ്രവർത്തനം - പേജിലെ വാചകം ബോൾഡായി ഹൈലൈറ്റ് ചെയ്യുക. ടാഗിൽ നിന്ന് അൽപം വൈകിയാണ് ഇത് പ്രത്യക്ഷപ്പെട്ടത് , എന്നാൽ ഇതൊക്കെയാണെങ്കിലും, ഇത് സെർച്ച് എഞ്ചിനുകളും കണക്കിലെടുക്കുന്നു. കീവേഡുകൾ തിരിച്ചറിയുന്നതിനും അവയുടെ അർത്ഥം ശക്തിപ്പെടുത്തുന്നതിനും, ഹൈലൈറ്റിംഗ് ടാഗുകൾ ഉപയോഗിക്കാൻ പ്രമോഷൻ വിദഗ്ധർ ശുപാർശ ചെയ്യുന്നു , .
ടാഗുകൾ ,അവയ്ക്കിടയിൽ എഴുതിയ വാക്കുകൾ ഇറ്റാലിക് ചെയ്യുക. സെർച്ച് എഞ്ചിനുകൾക്ക് അവയ്ക്ക് വലിയ പ്രാധാന്യമില്ല, പക്ഷേ അവയുടെ ഉപയോഗം ഇന്റർനെറ്റ് പേജിൽ നല്ല സ്വാധീനം ചെലുത്തും.
വിവരദായക സ്വഭാവമുള്ള ടെക്സ്റ്റിന്റെ വിഭാഗങ്ങൾക്ക് അടിവരയിടുക എന്നതാണ് ഇതിന്റെ പ്രവർത്തനം. തിരയലിൽ അതിന്റെ സ്വാധീനം നിസ്സാരമാണ്; പേജ് ഡിസൈൻ കൂടുതൽ പ്രകടമാക്കുന്നതിനാണ് ഇത് ഉപയോഗിക്കുന്നത്.
ടാഗുകൾ എന്തൊക്കെയാണ്< img>?
ഇന്റർനെറ്റ് പേജുകളിൽ ലഭ്യമായ ചിത്രങ്ങൾ ടാഗ് ഉപയോഗിച്ച് അവയിൽ പ്രദർശിപ്പിക്കും . ഇതിന് ധാരാളം ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്, എന്നാൽ തിരയൽ എഞ്ചിനുകൾക്ക് ഏറ്റവും പ്രധാനപ്പെട്ടത് ആൾട്ടും ശീർഷകവുമാണ്. അവയിൽ ആദ്യത്തേത് വിവരദായകമാണ്, ചിത്രം തുറക്കാൻ കഴിയുന്നില്ലെങ്കിൽ പ്രദർശിപ്പിക്കും, രണ്ടാമത്തേതിൽ ചിത്രത്തിന്റെ പേര് അടങ്ങിയിരിക്കുന്നു. നിങ്ങൾ ചിത്രത്തിന് മുകളിൽ ഹോവർ ചെയ്താൽ അത് ബ്രൗസറിൽ പോപ്പ് അപ്പ് ചെയ്യും. ഈ രണ്ട് ആട്രിബ്യൂട്ടുകളും സന്ദർശകർക്കും സെർച്ച് എഞ്ചിനുകൾക്കും വളരെ പ്രധാനമാണ് (ഒരു പരിധി വരെ), എന്നാൽ പല വെബ്‌മാസ്റ്റർമാരും അവ അർഹിക്കാതെ അവഗണിക്കുന്നു.
HTML പേജുകൾ എഡിറ്റുചെയ്യുന്നതിൽ ടാഗുകൾ മിക്കപ്പോഴും ഉപയോഗിക്കുന്നു - അവയ്ക്ക് നന്ദി, വാചകം ഖണ്ഡികകളായി തിരിച്ചിരിക്കുന്നു. വിവിധ ടാഗുകളുടെ ശരിയായ ഉപയോഗം സെർച്ച് എഞ്ചിനുകളിൽ നിങ്ങളുടെ സൈറ്റ് പ്രൊമോട്ട് ചെയ്യാൻ സഹായിക്കുക മാത്രമല്ല, സന്ദർശകരെ കൂടുതൽ ആകർഷകമാക്കുകയും ചെയ്യും.
ഇൻറർനെറ്റ് പേജിലെ കീവേഡിന്റെ ഭാരത്തെ അവ ബാധിക്കുന്നതിനാൽ, ഉപയോഗത്തിൽ ഏറ്റവും സാധാരണമായവയാണ്. അങ്ങനെ, ബ്രൗസറിൽ, ലേഖനത്തിന്റെ ശീർഷകം പ്രദർശിപ്പിക്കും, ഇത് ശീർഷകത്തെ സെർച്ച് എഞ്ചിന്റെ ആവശ്യമായ ഭാഗമാക്കുന്നു. മിക്കപ്പോഴും, ലേഖന തലക്കെട്ടുകൾ സാധാരണ വ്യക്തിക്ക് മനസ്സിലാകുന്ന ഭാഷയിലാണ് എഴുതുന്നത്, ശ്രദ്ധ ആകർഷിക്കാൻ ആവശ്യമായ വിവരങ്ങൾ അടങ്ങിയിരിക്കണം. ടാഗ് മികച്ച രീതിയിൽ പ്രവർത്തിക്കുന്നതിന്, ശീർഷക മൂല്യത്തിൽ കുറഞ്ഞത് 7 വാക്കുകളെങ്കിലും അടങ്ങിയിരിക്കണം. ഈ നിയമം പാലിക്കുകയാണെങ്കിൽ, സെർച്ച് എഞ്ചിനുകളിൽ നിന്ന് അധിക ട്രാഫിക് ലഭിക്കാൻ നിങ്ങൾക്ക് അവസരം ലഭിക്കും. അവസാനമായി, തലക്കെട്ട് ലേഖനത്തിന്റെ വിഷയവുമായി കഴിയുന്നത്ര അടുത്ത് ആയിരിക്കണം.
എന്താണ് കാഴ്ച ടാഗുകൾ
, …?
?
അത്തരം ടാഗുകൾ സൈറ്റ് പേജിൽ തന്നെ നേരിട്ട് സ്ഥിതി ചെയ്യുന്നതും മറ്റ് ടാഗുകൾക്കുള്ളിൽ സ്ഥിതി ചെയ്യുന്നതുമായ ടെക്സ്റ്റ് തലക്കെട്ടുകളാണ്
…. മികച്ച സൈറ്റ് പ്രകടന ടാഗിനായി
1 തവണ മാത്രം ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു, കൂടാതെ - 5 തവണയിൽ കൂടരുത്. എന്നാൽ പേജുകൾ ഫോർമാറ്റ് ചെയ്യാനും ഘടനയാക്കാനും നിങ്ങൾ ടാഗുകൾ ഉപയോഗിക്കണം - ന്യായമായ അളവിൽ.
- ന്യായമായ അളവിൽ.
ടാഗുകൾ എന്തൊക്കെയാണ് ?
SEO-യിൽ പ്രവർത്തിക്കാൻ, രണ്ട് മെറ്റാ ടാഗുകൾ മിക്കപ്പോഴും ഉപയോഗിക്കുന്നു: വിവരണവും കീവേഡുകളും. അവ പേജിൽ പ്രദർശിപ്പിക്കില്ല, പക്ഷേ തിരയൽ എഞ്ചിനുകൾ അവ കണക്കിലെടുക്കുന്നു. തുടക്കത്തിൽ, സെർച്ച് എഞ്ചിനുകൾക്ക് ഒരു ഡോക്യുമെന്റിന്റെ സെമാന്റിക്‌സ് മനസ്സിലാക്കുന്നത് എളുപ്പമാക്കുന്നതിനാണ് കീവേഡുകൾ സൃഷ്ടിച്ചത്. ഇപ്പോൾ, ഇന്റർനെറ്റ് പേജിന്റെ സാരാംശം പ്രതിഫലിപ്പിക്കുന്ന വാക്കുകൾ ഈ ടാഗിൽ ചേർത്തിരിക്കുന്നു.
വിവരണ ടാഗിനെ സംബന്ധിച്ചിടത്തോളം, മുമ്പ് ധാരാളം വാക്കുകൾ അതിൽ ചേർത്തിരുന്നു, അങ്ങനെ റാങ്കിംഗിനെ ബാധിക്കുന്നു. ഈ ടാഗിന്റെ മൂല്യങ്ങളെ അടിസ്ഥാനമാക്കി Yandex തിരയൽ എഞ്ചിൻ സ്നിപ്പെറ്റുകൾ സൃഷ്ടിക്കുന്നു. ഇന്ന്, വിവരണം ആവശ്യമില്ലെന്ന് മിക്ക ആളുകൾക്കും ഉറപ്പുണ്ട്, പക്ഷേ പ്രോഗ്രാമർമാർ ഇത് ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു. ഏത് സാഹചര്യത്തിലും, ഒരു ദോഷവും സംഭവിക്കില്ല.
ടാഗുകൾ എന്തൊക്കെയാണ് , ,
ടാഗ് ചെയ്യുക - ഫോർമാറ്റ് ചെയ്യുന്നു, പേജിലെ വാചകം ബോൾഡ് ആക്കുക എന്നതാണ് ഇതിന്റെ പ്രവർത്തനം. ഈ ടാഗ് ബി ടാഗിനേക്കാൾ അല്പം കഴിഞ്ഞ് പ്രത്യക്ഷപ്പെട്ടു, എന്നാൽ ഇതൊക്കെയാണെങ്കിലും, ഇത് തിരയൽ എഞ്ചിനുകളും കണക്കിലെടുക്കുന്നു. കീവേഡുകൾ തിരിച്ചറിയുന്നതിനും അവയെ ശക്തിപ്പെടുത്തുന്നതിനും, ഹൈലൈറ്റ് ടാഗുകൾ ഉപയോഗിക്കാൻ പ്രമോഷൻ വിദഗ്ധർ ശുപാർശ ചെയ്യുന്നു.
- അതിൽ നൽകിയ വാക്ക് ഫോർമാറ്റ് ചെയ്യുന്നു, അത് ഇറ്റാലിക്സിൽ എഴുതുന്നു. സെർച്ച് എഞ്ചിനുകൾക്ക് ഇതിന് വലിയ പ്രാധാന്യമില്ല, പക്ഷേ അതിന്റെ ഉപയോഗം ഇന്റർനെറ്റ് പേജിൽ നല്ല സ്വാധീനം ചെലുത്തും.
ഫോർമാറ്റിംഗിലും ഉപയോഗിക്കുന്ന ഒരു ടാഗ് ആണ്, എന്നാൽ അതിന്റെ പ്രവർത്തനം വിവരദായകമായ ടെക്സ്റ്റിന്റെ വിഭാഗങ്ങൾക്ക് അടിവരയിടുക എന്നതാണ്. തിരയലിൽ ഈ ടാഗിന്റെ സ്വാധീനം പ്രാധാന്യമർഹിക്കുന്നില്ല; ഇത് പലപ്പോഴും സൗന്ദര്യത്തിനായി ഉപയോഗിക്കുന്നു.
ടാഗുകൾ എന്തൊക്കെയാണ് ?
പേജുകളിൽ പ്രദർശിപ്പിക്കുന്ന ചിത്രങ്ങൾ ടാഗ് ഉപയോഗിച്ചാണ് ഇത് ചെയ്യുന്നത് . ഈ ടാഗിന് ധാരാളം ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്, എന്നാൽ സെർച്ച് എഞ്ചിനുകൾക്ക് ഏറ്റവും പ്രധാനപ്പെട്ടത് ആൾട്ടും ശീർഷകവുമാണ്. Alt - സ്വഭാവത്തിൽ വിവരദായകമാണ്, കൂടാതെ ശീർഷകത്തിൽ ചിത്രത്തിന്റെ പേര് അടങ്ങിയിരിക്കുന്നു, അതിൽ ഉൾപ്പെടാം
എന്നിരുന്നാലും, HTML പേജുകൾ എഡിറ്റുചെയ്യുന്നതിന് ഏറ്റവും കൂടുതൽ ഉപയോഗിക്കുന്ന ടാഗ് ഇതാണ്
ഖണ്ഡികകൾ വേർതിരിക്കുന്നതിനുള്ള ഒരു ജനപ്രിയ മാർഗമാണിത്. ഏത് സാഹചര്യത്തിലും, ടാഗുകളുടെ ഏത് ഉപയോഗവും തിരയൽ എഞ്ചിനുകൾക്കിടയിൽ നിങ്ങളുടെ സൈറ്റിന്റെ ജനപ്രീതി വർദ്ധിപ്പിക്കും. അവ ഉപയോഗിക്കുമെന്ന് ഉറപ്പാക്കുക, മുന്നോട്ട് പോകുക.
ഹലോ, ബ്ലോഗ് സൈറ്റിന്റെ പ്രിയ വായനക്കാർ. ഇന്ന് നമ്മൾ Html ഭാഷയിലെ ടാഗുകളെ കുറിച്ച് സംസാരിക്കാൻ തുടങ്ങും, അതായത് H1, H2, H3, H4, H5, H6, ഖണ്ഡികകൾ P, ലൈൻ ബ്രേക്കുകൾ Br എന്നിവയെ കുറിച്ചും Hr എന്ന തിരശ്ചീന ലൈൻ ടാഗിനെ കുറിച്ചും. ഞങ്ങൾ ആട്രിബ്യൂട്ടുകളുടെ ഉപയോഗം നോക്കാം, ഓരോ മൂലകത്തിനും സാധ്യമായ എല്ലാ ആട്രിബ്യൂട്ടുകളും നിങ്ങൾക്ക് എവിടെ കണ്ടെത്താമെന്നും അവയ്ക്കുള്ള മൂല്യങ്ങളുടെ വാക്യഘടന നോക്കാമെന്നും നോക്കാം.
ഇൻലൈൻ, ബ്ലോക്ക് ടാഗുകൾ തമ്മിലുള്ള പ്രധാന വ്യത്യാസം, അവയ്ക്ക് ഇടം തീരുന്നത് വരെ വീതിയിൽ പരസ്പരം പിന്തുടരാനാകും, തുടർന്ന് അവ അടുത്ത വരിയിലേക്ക് പൊതിയുക എന്നതാണ്.
ഘടകങ്ങൾ തടയുക, സ്ഥിരസ്ഥിതിയായി, ശ്രമിക്കുക വീതിയിൽ ലഭ്യമായ എല്ലാ സ്ഥലവും കൈവശപ്പെടുത്തുകഅതിനാൽ അടുത്ത ബ്ലോക്ക് ഘടകം മറ്റൊരു ലൈനിൽ സ്ഥിതിചെയ്യണം.
നമുക്ക് ഇപ്പോൾ Html-ൽ സാധ്യമായ എല്ലാ ടാഗുകളെക്കുറിച്ചും ഒരു ചിട്ടയായ പഠനം ആരംഭിക്കാം, അതേ സമയം അവയുടെ ശരിയായ (സാധുവായ) ഉപയോഗത്തിന്റെ സാധ്യതകൾ വ്യക്തമായി മനസ്സിലാക്കുന്നതിന് അവ ഏത് തരത്തിലുള്ളതാണെന്ന് ഞങ്ങൾ പ്രത്യേകം ശ്രദ്ധിക്കും. ഒരു ലളിതമായ ടാഗ് ഘടന ഇതുപോലെ കാണപ്പെടുന്നു:
അവയ്‌ക്കായി ആട്രിബ്യൂട്ടുകളും ഉണ്ട് (ഓരോന്നിനും അതിന്റേതായ സെറ്റ് ഉണ്ട്), അത് ഈ ഘടകത്തിലേക്ക് ചില പ്രോപ്പർട്ടികൾ ചേർക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, എന്നാൽ നിർദ്ദിഷ്ട ഉദാഹരണങ്ങൾ ഉപയോഗിച്ച് ഞങ്ങൾ ഇതിനെക്കുറിച്ച് സംസാരിക്കും.
ജോടിയാക്കിയ ടാഗുകൾ എച്ച് 1, എച്ച് 2, എച്ച് 3, എച്ച് 4, എച്ച് 5, എച്ച് 6 (“ഹെഡർ”, അതായത് “തലക്കെട്ട്” എന്ന വാക്കിന്റെ ആദ്യ അക്ഷരത്തിൽ നിന്നാണ് പേര് വന്നത്) ഉപയോഗിച്ച് രൂപീകരിച്ച തലക്കെട്ടുകളുടെ ആശയം നോക്കാം. വാചകത്തിന്റെ വ്യത്യസ്ത ശകലങ്ങൾ പരസ്പരം വേർതിരിക്കാനും ലെവലിനെ ആശ്രയിച്ച് അവയുടെ പ്രാധാന്യം അടയാളപ്പെടുത്താനുമാണ് അവ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. HTML ഭാഷയുടെ ആധുനിക പതിപ്പിൽ, എല്ലാ ടാഗുകളും അവയ്ക്ക് അനുവദിച്ചിട്ടുള്ള എല്ലാ ആട്രിബ്യൂട്ടുകളും മുൻകൂട്ടി വ്യക്തമാക്കിയതും വിവരിച്ചതുമാണ്.
തൽഫലമായി, തലക്കെട്ടുകൾക്ക് ആറ് തലങ്ങളും കൂടാതെ, ഘടകങ്ങളും മാത്രമേ ഉണ്ടാകൂ H1-H6 ബ്ലോക്ക് ആണ്, അതായത്. പേജിന്റെ വീതിയിലുടനീളം ലഭ്യമായ എല്ലാ ഇടവും ഏറ്റെടുക്കാൻ ശ്രമിക്കുക. എന്നാൽ അവയ്ക്ക് ഒരു പ്രത്യേകതയുണ്ട് - തലക്കെട്ട് ടാഗുകളിൽ ഇൻലൈൻ ഘടകങ്ങൾ മാത്രമേ ഉൾക്കൊള്ളാൻ കഴിയൂ, ഉദാഹരണത്തിന്, അതേ ഡിവി അതിൽ മറ്റ് ബ്ലോക്ക് ടാഗുകൾ ഉൾപ്പെടുത്താൻ നിങ്ങളെ അനുവദിക്കുന്നു.
അത്. ബ്രൗസർ നിങ്ങളെ അനുവദിക്കില്ല, ഉദാഹരണത്തിന്, ഒരു ലെവലിന്റെ തലക്കെട്ടുകൾക്കുള്ളിൽ മറ്റൊരു ലെവലിന്റെ തലക്കെട്ടുകൾ ഉൾപ്പെടുത്താൻ, കാരണം, ഞാൻ ആവർത്തിക്കുന്നു, അവ ബ്ലോക്ക് ഘടകങ്ങളാണ്, പക്ഷേ അവയിൽ ചെറിയ അക്ഷരങ്ങൾ മാത്രമേ ഉൾക്കൊള്ളാൻ കഴിയൂ. ഓ, എങ്ങനെ.
വ്യത്യസ്ത വലുപ്പത്തിലുള്ള ഫോണ്ടുകളുള്ള ബ്രൗസറുകളിൽ വ്യത്യസ്ത തലത്തിലുള്ള H1-H6 തലക്കെട്ടുകൾ വരയ്ക്കും (എന്നിരുന്നാലും, CSS ഉപയോഗിച്ച്, ബ്രൗസറിൽ പ്രദർശിപ്പിക്കുന്നതിന് നിങ്ങൾക്ക് അവ ഏത് വലുപ്പവും നിറവും ഫോണ്ട് തരവും സജ്ജീകരിക്കാം, എന്നാൽ ശുദ്ധമായ Html-ൽ ഇവയാണ് നിയമങ്ങൾ) :
സൈറ്റിന്റെ കൂടുതൽ പ്രമോഷന്റെ () സൗകര്യത്തിന്റെ വീക്ഷണകോണിൽ നിന്ന് ഞങ്ങൾ സൈറ്റിന്റെ ലേഔട്ട് പരിഗണിക്കുകയാണെങ്കിൽ, അത് മാത്രം ഉണ്ടായിരിക്കണം എന്നത് എടുത്തുപറയേണ്ടതാണ്. ഓരോ പേജിനും ഒരു H1 ലെവൽ തലക്കെട്ട്. നിങ്ങൾക്ക് ഒരുപക്ഷേ രണ്ട് H1-കൾ ഉപയോഗിക്കാം, എന്നാൽ അതിലും കൂടുതൽ നിങ്ങളുടെ പ്രമാണം തിരയുമ്പോൾ സെർച്ച് എഞ്ചിനുകളിൽ നിന്ന് നെഗറ്റീവ് പ്രതികരണത്തിന് കാരണമാകും. നിങ്ങളുടെ പ്രവർത്തനങ്ങൾ സ്പാം അല്ലെങ്കിൽ പ്രസക്തി വർദ്ധിപ്പിക്കുന്നതായി കണക്കാക്കാം.
തലക്കെട്ട് ലെവലുകൾ ഒഴിവാക്കാനും ശുപാർശ ചെയ്യുന്നില്ല, അതായത്. H1-ന് ശേഷം, പ്രാധാന്യമില്ലാത്ത വാചകങ്ങൾ ഹൈലൈറ്റ് ചെയ്യാൻ നിങ്ങൾ H2 ഉപയോഗിക്കണം. ഇത് സെർച്ച് എഞ്ചിനുകളിൽ നിന്ന് ഗുരുതരമായ എന്തെങ്കിലും ഉപരോധങ്ങൾക്ക് വിധേയമാകാൻ സാധ്യതയില്ല, പക്ഷേ Html കോഡിൽ തലക്കെട്ട് ലെവലുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള യുക്തി പിന്തുടരുന്നതാണ് നല്ലത്.
സെർച്ച് എഞ്ചിനുകൾ ഈ ടാഗുകളിൽ അടങ്ങിയിരിക്കുന്ന വാക്കുകൾക്ക് വാചകത്തിലെ വാക്കുകളേക്കാൾ കൂടുതൽ പ്രാധാന്യം നൽകുന്നു. ലേഖനങ്ങൾ എഴുതുമ്പോൾ, നിങ്ങൾ ഉപയോഗിക്കുന്നവയിൽ തലക്കെട്ടുകൾ ചേർക്കുന്നത് ഉറപ്പാക്കണം എന്നതാണ് തുടർന്നുള്ള നിഗമനം.
ശരി, ലേഖനത്തിന്റെ വാചകത്തിലെ തലക്കെട്ടുകളുടെ ഉപയോഗം തന്നെ അതിനെ കൂടുതൽ ദൃശ്യമാക്കുകയും വിവരങ്ങളുടെ കൂട്ടം വേഗത്തിൽ നാവിഗേറ്റ് ചെയ്യാൻ വായനക്കാരെ സഹായിക്കുകയും ചെയ്യുന്നു. ആദ്യമായി വേണ്ടത്ര വിവരങ്ങൾ ഉണ്ടാകുമെന്നും മുന്നോട്ട് പോകാനുള്ള സമയമാണെന്നും ഞാൻ കരുതുന്നു.
Html കോഡിലെ ഖണ്ഡിക, ലൈൻ ബ്രേക്ക്, ഹോറിസോണ്ടൽ ലൈൻ HR
"ഖണ്ഡിക" എന്ന വാക്കിൽ നിന്നാണ് പി ടാഗ് ഉരുത്തിരിഞ്ഞത്, എന്നാൽ പലപ്പോഴും ഇതിനെ ഒരു ഖണ്ഡിക എന്ന് വിളിക്കുന്നു. സാധാരണയായി നിരവധി വാക്യങ്ങൾ ഉൾപ്പെടെ, ഒരു പ്രത്യേക വാചകം അർത്ഥപരമായി ഹൈലൈറ്റ് ചെയ്യാൻ അവ ഉപയോഗിക്കുന്നു. പി ഘടകങ്ങൾ ലംബമായി രൂപപ്പെടുത്തിയ ഖണ്ഡികകൾക്കിടയിൽ, ശൂന്യമായ ഇടം ദൃശ്യമാകുന്നു, ഇത് അനുവദിക്കുന്നു വാചകത്തിന്റെ ലോജിക്കൽ ഭാഗങ്ങൾ വേർതിരിക്കുകദൃശ്യപരമായി പരസ്പരം.
പ്രത്യേക ചെറിയ ശകലങ്ങളായി വിഭജിച്ചില്ലെങ്കിൽ ഒരു വ്യക്തിക്ക് വാചകത്തിന്റെ ഒരു മോണോലിത്ത് വായിക്കുന്നത് വളരെ ബുദ്ധിമുട്ടാണ് എന്നതാണ് കാര്യം. ഉദാഹരണത്തിന്, Html കോഡിലെ ഖണ്ഡികകളായി വിഭജിക്കാത്ത ലേഖനങ്ങൾ ഞാൻ പൊതുവെ വായിക്കാൻ തുടങ്ങാറില്ല, കാരണം ഇത് വളരെ അരോചകമാണ്.
വാചകം തകർക്കുന്നതിലൂടെ നിങ്ങൾ വളരെ മികച്ചതാണ് ക്ഷീണത്തിന്റെ പരിധി കുറയ്ക്കുകനിങ്ങളുടെ റിസോഴ്‌സിലേക്കുള്ള സന്ദർശകർ, ഉപയോക്തൃ ഘടകങ്ങൾ മെച്ചപ്പെടുത്തുക (നിങ്ങളുടെ സൈറ്റിൽ ഉപയോക്താവ് ചെലവഴിച്ച സമയം കൂടാതെ), അത് പ്രമോഷനിൽ നല്ല സ്വാധീനം ചെലുത്തുന്നു.
അതേ ആവശ്യങ്ങൾക്കായി (ഉപയോക്താക്കളുടെ ശ്രദ്ധ പിടിച്ചുനിർത്തുകയും ഒരു ലേഖനം വായിക്കുമ്പോൾ ക്ഷീണം കുറയ്ക്കുകയും ചെയ്യുക), വിവിധ, ചിലപ്പോൾ, ഒരുപക്ഷേ, വാചകത്തിൽ ചേർക്കുന്നു.
വഴിയിൽ, നിങ്ങൾ ഇതിനകം ശ്രദ്ധിച്ചതുപോലെ P എന്ന ഖണ്ഡിക ടാഗ് ഒരു ജോടിയാണ്, എന്നാൽ ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് 4.01 സ്പെസിഫിക്കേഷൻ അനുസരിച്ച്, അതിനുള്ള ക്ലോസിംഗ് ഘടകം പൂർണ്ണമായും ആണ്. ആവശ്യമില്ല. ഈ സാഹചര്യത്തിൽ, ബ്രൗസർ എവിടെയാണ് സ്ഥാപിക്കേണ്ടതെന്ന് കണ്ടെത്തേണ്ടതുണ്ട്.
പി ഒരു ബ്ലോക്ക് മൂലകമായതിനാൽ ചെറിയക്ഷര ഘടകങ്ങൾ മാത്രമേ അതിനുള്ളിൽ ദൃശ്യമാകൂ. തൽഫലമായി, ബ്രൗസർ, ഓപ്പണിംഗ് പാരഗ്രാഫ് ടാഗ് കണ്ടെത്തി, കോഡ് കൂടുതൽ പാഴ്സ് ചെയ്യുന്നു, അടുത്ത ബ്ലോക്ക് എലമെന്റ് (മിക്കവാറും അത് അടുത്ത ഓപ്പണിംഗ് പി ആയിരിക്കും) കണ്ടുമുട്ടിയാലുടൻ, അത് ഉടൻ തന്നെ ക്ലോസിംഗ് പാരഗ്രാഫ് ടാഗ് അതിന്റെ മുന്നിൽ ചേർക്കുന്നു. Html 5 സ്റ്റാൻഡേർഡിൽ, അത്തരം സ്വാതന്ത്ര്യങ്ങൾ മിക്കവാറും നിലനിൽക്കില്ല, അത് ഉടനടി ആവശ്യമാണ് എല്ലാ ടാഗുകളും അടയ്ക്കാൻ ശീലിക്കുകഅവ ചെറിയക്ഷരങ്ങളിൽ മാത്രം എഴുതുക.
ഒരു ഖണ്ഡിക ഒരു ബ്ലോക്ക് ഘടകമാണ്, അതിനാൽ ഖണ്ഡികകൾക്കുള്ളിലെ വാചകം ലഭ്യമായ എല്ലാ വീതിയുള്ള സ്ഥലവും എടുക്കും. അതായത്, ഡോക്യുമെന്റിന്റെ Html കോഡിൽ നിങ്ങൾ ഒരു ക്വാട്രെയിൻ എഴുതുകയും (ഓരോ വരിയും വെവ്വേറെ) P എന്ന ഖണ്ഡിക ടാഗിൽ ഉൾപ്പെടുത്തുകയും ചെയ്താൽ, ബ്രൗസറിൽ നിങ്ങളുടെ നാല് വരികളും ലയിക്കുന്നതായി നിങ്ങൾ കാണും. ഒന്ന്, ടെക്‌സ്‌റ്റിനായി ലഭ്യമായ സ്ഥലത്തിന്റെ മുഴുവൻ വീതിയും കൈവശപ്പെടുത്തും.
എന്തുകൊണ്ടാണ് ഇത് സംഭവിക്കുന്നതെന്ന് ലേഖനത്തിൽ ഞങ്ങൾ ഇതിനകം വിശദമായി ചർച്ച ചെയ്തിട്ടുണ്ട്. ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയുടെ ഈ പ്രോപ്പർട്ടിക്ക് നന്ദി (ബ്രൗസറിൽ പ്രദർശിപ്പിക്കുമ്പോൾ സോഴ്‌സ് കോഡിലെ എത്ര വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും ഒരൊറ്റ സ്‌പെയ്‌സ് ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കും), നിങ്ങളുടെ കോഡിന്റെ ഡിസ്‌പ്ലേയെ തടസ്സപ്പെടുത്തുമെന്ന് ഭയപ്പെടാതെ ഏത് സൗകര്യപ്രദമായ രീതിയിൽ നിങ്ങൾക്ക് ഫോർമാറ്റ് ചെയ്യാൻ കഴിയും. വെബ് പേജ്.
ശരി, പൊതുവായി അംഗീകരിച്ച ഫോമിൽ നിങ്ങൾക്ക് ഒരു ക്വാട്രെയിൻ എഴുതണമെങ്കിൽ, ഈ ആവശ്യത്തിനായി നിങ്ങൾക്ക് അധിക HTML ഉപയോഗിക്കാം
BR എന്ന് വിളിക്കുന്ന ലൈൻ ബ്രേക്ക് ടാഗുകൾ
("ബ്രേക്ക്" എന്ന വാക്കിൽ നിന്ന്):
BR ഒരു ഇൻലൈൻ ഘടകമാണ് കൂടാതെ "ശൂന്യം" ആണ്, അതായത്. സിംഗിൾ (ഒരു ക്ലോസിംഗ് ഘടകം ഇല്ല). BR-ന്റെ മുഴുവൻ പ്രവർത്തനവും ബ്രൗസറിൽ ടെക്സ്റ്റ് പ്രദർശിപ്പിക്കുമ്പോൾ ഒരു ലൈൻ ബ്രേക്ക് ഉണ്ടാക്കുന്നു എന്നതാണ് (ഏത് ടെക്സ്റ്റ് എഡിറ്ററിലെ എന്റർ കീ പോലെ).
കോഡിലെ ബിആർ (ലൈൻ ബ്രേക്ക്) ടാഗുകൾ എഴുതുന്നത് ഒരു തരത്തിലും നിയന്ത്രിക്കപ്പെടുന്നില്ല. നിങ്ങൾക്ക് മുഴുവൻ ടെക്‌സ്‌റ്റും ഒരുമിച്ച് എഴുതുകയും ശരിയായ സ്ഥലങ്ങളിൽ സ്‌പെയ്‌സുകൾക്ക് പകരം BR ഇടുകയും ചെയ്യാം, അല്ലെങ്കിൽ നിങ്ങൾക്ക് വ്യക്തതയ്ക്കായി കോഡിലെ വരികളായി ഉടനടി വാചകം വിഭജിച്ച് വരികളുടെ അവസാനത്തിലോ തുടക്കത്തിലോ BR ഇടാം. ഇത് സത്ത മാറ്റില്ല.
എച്ച്ആർ(“തിരശ്ചീന നിയമം”, അതായത് തിരശ്ചീന രേഖ എന്ന പദങ്ങളുടെ ചുരുക്കെഴുത്ത്) വളരെ ലളിതമായ ഒരു Html ടാഗാണ്, അത് കാണുന്ന ബ്രൗസറിനെ ആശ്രയിച്ച് (പ്രധാനമായും) സ്ക്രീനിന്റെ മുഴുവൻ വീതിയിലും കനത്തിലും ഒരു തിരശ്ചീന രേഖ (വര) വരയ്ക്കുന്നു. ഇത് ഒരു വിഷ്വൽ മാർക്കറാണ്, ഇത് ഹെഡ്ഡിംഗ് ടാഗുകളുമായി സാമ്യമുള്ളതിനാൽ, എളുപ്പത്തിൽ സ്വാംശീകരിക്കുന്നതിനായി ടെക്‌സ്‌റ്റിനെ ലോജിക്കൽ ഭാഗങ്ങളായി വിഭജിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു).
ഇത് "ശൂന്യമാണ്" (ഒറ്റ), അതായത്. ഒരു ജോടി ഇല്ല (ക്ലോസിംഗ് ടാഗ്). കൂടാതെ, എച്ച്ആർ ഒരു ബ്ലോക്ക് ഘടകമാണ്, അതായത്. ഇത് ഡിഫോൾട്ടായി അതിന് ലഭ്യമായ മുഴുവൻ പേജ് വീതിയും എടുക്കുന്നു.
ആട്രിബ്യൂട്ടുകളുടെ ആശയവും അവ Html ടാഗുകളിൽ എഴുതുന്നതിനുള്ള നിയമങ്ങളും
ഈ ലളിതമായ ഘടകം ഉപയോഗിച്ച് ഒരു ആട്രിബ്യൂട്ടിന്റെ ആശയം നോക്കാം. സാധുതയുള്ളതും അവയ്‌ക്കായി WC3 വാലിഡേറ്ററിൽ വിവരിച്ചതുമായ ടാഗുകളിലേക്ക് ആട്രിബ്യൂട്ടുകൾ ചേർക്കാൻ കഴിയും, അതുവഴി ഉള്ളടക്കത്തിന് ഞങ്ങൾക്ക് ആവശ്യമായ പ്രോപ്പർട്ടി നൽകാനാകും എന്നതാണ് വസ്തുത.
ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് അനുബന്ധ പി ടാഗുകളിൽ ഒരു വരിയിൽ നിരവധി ഖണ്ഡികകൾ (ഖണ്ഡികകൾ) ഉണ്ടെങ്കിൽ, അവയിലൊന്നിന്റെ രൂപം മാറ്റാൻ ഈ ഖണ്ഡികയുടെ ഓപ്പണിംഗ് പി എലമെന്റിലേക്ക് ആവശ്യമായ ആട്രിബ്യൂട്ടുകൾ ചേർക്കേണ്ടതുണ്ട്. ഒറ്റ (ശൂന്യമായ) ടാഗുകളുടെ കാര്യത്തിൽ, ആവശ്യമായ ആട്രിബ്യൂട്ട് എവിടെ ചേർക്കണം എന്നതിന് ഓപ്ഷനുകളൊന്നുമില്ല.
അതിനാൽ, ആദ്യത്തെ നിയമം ആട്രിബ്യൂട്ടുകൾ ഓപ്പണിംഗ് ടാഗിൽ മാത്രം സ്ഥാപിച്ചിരിക്കുന്നു(അവസാനിക്കുന്നതിൽ ഒരിക്കലും ഒന്നും അടങ്ങിയിട്ടില്ല). ഒരു ഘടകത്തിന് നിരവധി ആട്രിബ്യൂട്ടുകൾ അടങ്ങിയിരിക്കാം, അവ പരസ്പരം വേർതിരിക്കപ്പെടുകയും ടാഗ് നാമത്തിന് ഇടയിൽ ഒരു സ്‌പെയ്‌സ് (നിർബന്ധിത വ്യവസ്ഥ) ഉപയോഗിച്ച് വേർതിരിച്ചിരിക്കുന്നു. എച്ച്ആർ തിരശ്ചീന രേഖയ്ക്കുള്ള അവരുടെ ഉപയോഗത്തിന്റെ ഒരു ഉദാഹരണം ഞാൻ ഉടൻ നൽകട്ടെ:
അതിനാൽ ആദ്യം നമുക്ക് ആട്രിബ്യൂട്ട് വാക്യഘടനയിലേക്ക് പോകാം. അവ ഓപ്പണിംഗ് ടാഗിലേക്ക് തിരുകുന്നു, ഒരു സ്‌പെയ്‌സ് കൊണ്ട് വേർതിരിച്ച് (ഘടകത്തിന്റെ പേരിന് ശേഷമുള്ള ഒരു സ്‌പെയ്‌സ് ഉൾപ്പെടെ) കൂടാതെ പേര്, തുല്യ ചിഹ്നം എന്നിവ ഉൾപ്പെടുന്ന ഒരു നിർമ്മാണമാണ്, ഉദ്ധരണി ചിഹ്നങ്ങളിൽ എഴുതിയിരിക്കുന്നു (സാധാരണയായി ജോടിയാക്കിയ ഇരട്ടകൾ ഇടുന്നത് പതിവാണ്. , എന്നാൽ സ്റ്റാൻഡേർഡ് ജോടിയാക്കിയ സിംഗിൾസ് ഉദ്ധരണികൾ) മൂല്യങ്ങളും അനുവദിക്കുന്നു. Html ടാഗ് കോഡിലെ ആട്രിബ്യൂട്ടുകളുടെ ക്രമം പ്രധാനമല്ല.
അവിടെ ഞാൻ ഒരു ലിങ്ക് നൽകി എല്ലാ സാധുതയുള്ള HTML ടാഗുകളുടെയും ലിസ്റ്റ്. ഈ ലിസ്റ്റിൽ നിങ്ങൾക്ക് താൽപ്പര്യമുള്ള ഘടകത്തിന്റെ പേരിൽ ക്ലിക്ക് ചെയ്യുകയാണെങ്കിൽ (ഞങ്ങളുടെ കാര്യത്തിൽ ഇത് എച്ച്ആർ ആണ്), അതിനായി വിശദമായ സ്പെസിഫിക്കേഷനുള്ള ഒരു പേജിലേക്ക് നിങ്ങളെ കൊണ്ടുപോകും:
ഏത് ടാഗിന്റെയും എല്ലാ ആട്രിബ്യൂട്ടുകളും ആകാം മൂന്ന് ഗ്രൂപ്പുകളായി തിരിക്കുക:
- പൊതുവായത് - HTML ഭാഷയിലെ ബഹുഭൂരിപക്ഷം ഘടകങ്ങളിലും അവ ദൃശ്യമാകും. തൊട്ടുമുകളിലുള്ള ചിത്രത്തിൽ, അവ താഴെയുള്ളതും ചുവന്ന ഫ്രെയിമിൽ ചുറ്റപ്പെട്ടതുമാണ്. യഥാർത്ഥത്തിൽ, പൊതുവായ ചില ആട്രിബ്യൂട്ടുകൾ ഉണ്ട് (ആറ് മാത്രം), എന്നിട്ടും, അവയെല്ലാം നിങ്ങളുടെ പരിശീലനത്തിൽ ഉപയോഗിക്കാൻ നിങ്ങൾ സാധ്യതയില്ല. മിക്കവാറും നാല് മാത്രമേ ഉള്ളൂ - , തലക്കെട്ടും ശൈലിയും.
- ഇവന്റ് ആട്രിബ്യൂട്ടുകൾ - ഒരു ഉപയോക്തൃ പ്രവർത്തനത്തിനോ സിസ്റ്റം ഇവന്റിനോ പ്രതികരണമായി ചില പ്രവർത്തനങ്ങൾ ട്രിഗർ ചെയ്യുന്നതിന് അവ ആവശ്യമാണ്. അവ ജാവാസ്ക്രീറ്റുമായി കൂടുതൽ ബന്ധപ്പെട്ടിരിക്കുന്നു, മുകളിലുള്ള ചിത്രത്തിൽ വളരെ താഴെയാണ് (ഇരുണ്ട ഫ്രെയിമിൽ വൃത്താകൃതിയിലുള്ളത്).
- അദ്വിതീയം - ഓരോ ടാഗിനും സാധാരണയായി അതിന്റേതായ ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്, അവയിൽ ചിലത് മറ്റ് ഘടകങ്ങളിൽ കണ്ടെത്തിയേക്കില്ല. നമ്മൾ HR തിരശ്ചീന രേഖ പരിഗണിക്കുകയാണെങ്കിൽ, അതിന് നാല് അദ്വിതീയ ആട്രിബ്യൂട്ടുകൾ മാത്രമേ ഉള്ളൂ (അലൈൻ, നോഷെയ്ഡ്, വലിപ്പം, വീതി). എച്ച്ആർ ടാഗിൽ വ്യക്തമാക്കിയ മറ്റെല്ലാം (മുകളിൽ വിവരിച്ച രണ്ട് ഗ്രൂപ്പുകൾ ഒഴികെ) ബ്രൗസർ അവഗണിക്കും.
HR ഹോറിസോണ്ടൽ ലൈൻ ടാഗിലെ ആട്രിബ്യൂട്ടുകളുടെ ഉദാഹരണങ്ങൾ
വിവിധ ആട്രിബ്യൂട്ടുകളുടെ മൂല്യങ്ങൾ ഒന്നുകിൽ ഏകപക്ഷീയമായ സംഖ്യകളോ (തുടങ്ങിയവ) അല്ലെങ്കിൽ മുൻകൂട്ടി നിശ്ചയിച്ച ഗണത്തിൽ നിന്നുള്ള മൂല്യങ്ങളോ ആകാം, ഉദാഹരണത്തിന്, HR - ഇടത്|മധ്യഭാഗം|വലത് വിന്യസിക്കുമ്പോൾ (നിങ്ങൾക്ക് മൂന്ന് വിന്യാസങ്ങളിൽ ഒന്ന് ഉപയോഗിക്കാം. ഓപ്ഷനുകൾ).
പൊതുവേ, WC3 വാലിഡേറ്ററിലെ അവയെക്കുറിച്ചുള്ള വിവരങ്ങൾ Html ടാഗുകളുടെ പട്ടികയിൽ മാത്രമല്ല, ഇതിലും ലഭിക്കും. ആട്രിബ്യൂട്ട് ലിസ്റ്റ്, നൽകിയിരിക്കുന്ന ലിങ്കിൽ നിങ്ങൾ കണ്ടെത്തും.
HTML ഭാഷയിൽ ലഭ്യമായ എല്ലാ ടാഗുകൾക്കുമായി സാധ്യമായ എല്ലാ ഓപ്ഷനുകളും ഈ ലിസ്റ്റിൽ അടങ്ങിയിരിക്കുന്നു. നിങ്ങൾക്ക് താൽപ്പര്യമുള്ള ഓപ്‌ഷന്റെ എതിർവശത്തുള്ള "അനുബന്ധ ഘടകങ്ങൾ" കോളം ഈ ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാൻ കഴിയുന്ന ഘടകങ്ങളെ പട്ടികപ്പെടുത്തും. "ടൈപ്പ്" കോളം അതിന്റെ മൂല്യമായി ഉപയോഗിക്കാവുന്ന ഡാറ്റയുടെ തരം സൂചിപ്പിക്കുന്നു.
ഉദാഹരണത്തിന്, അലൈൻ ആട്രിബ്യൂട്ടിനുള്ള ചിത്രത്തിൽ അടിവരയിട്ടിരിക്കുന്ന വരിയിൽ, എച്ച്ആർ ടാഗിനായി, മൂന്ന് നിശ്ചിത മൂല്യങ്ങൾ മാത്രമേ ഉപയോഗിക്കുന്നത് അനുവദനീയമാണ്, അവ അവിടെ ലിസ്റ്റ് ചെയ്തിരിക്കുന്നു (ഇടത് | മധ്യത്തിൽ | വലത്).
വളരെ പ്രധാനപ്പെട്ട മറ്റൊരു നിര "Depr" ആണ്. ഈ കോളത്തിൽ നിങ്ങൾക്ക് താൽപ്പര്യമുള്ള ആട്രിബ്യൂട്ടിന് അടുത്തായി D എന്ന അക്ഷരമുണ്ടെങ്കിൽ, അത് ഉപയോഗം ശുപാർശ ചെയ്തിട്ടില്ല, എന്നാൽ അത് മാറ്റിസ്ഥാപിക്കാൻ നിങ്ങൾ ഉചിതമായ CSS ശൈലികൾ ഉപയോഗിക്കണം. ടാഗ് സ്പെസിഫിക്കേഷൻ കാണുമ്പോൾ, HR-നുള്ള നാല് ആട്രിബ്യൂട്ടുകളുടെയും പേരുകൾക്ക് അടുത്തായി "ഒഴിവാക്കപ്പെട്ടു" എന്ന വാക്ക് എഴുതിയിരിക്കുന്നതും ഞങ്ങൾ കണ്ടു (ഉപയോഗത്തിന് ശുപാർശ ചെയ്തിട്ടില്ല).
ഈ ലേഖനത്തിൽ (P, തലക്കെട്ടുകൾ H1-H6, HR) ഞങ്ങൾ ഇതിനകം ഉൾപ്പെടുത്തിയിട്ടുള്ള ഘടകങ്ങളുമായി എന്തൊക്കെ ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുന്നുവെന്ന് നോക്കാം. അവർക്കെല്ലാം നിങ്ങൾക്ക് "അലൈൻ" ഉപയോഗിക്കാം, കാരണം ഈ ഘടകങ്ങളെല്ലാം ബ്ലോക്ക് ഘടകങ്ങളാണ്. ഇൻലൈൻ ഘടകങ്ങൾക്ക്, "അലൈൻ" ആട്രിബ്യൂട്ടിന് അർത്ഥമില്ല.
ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു ശീർഷക ടാഗിലേക്ക് (H1 പോലുള്ളവ) "അലൈൻ" ചേർക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് ടൈറ്റിൽ ടെക്സ്റ്റിന്റെ വിന്യാസം സജ്ജമാക്കാൻ കഴിയും. ആ. ബ്ലോക്ക് ഘടകം അതിന് ലഭ്യമായ എല്ലാ ഇടവും വീതിയിൽ ഉൾക്കൊള്ളും, എന്നാൽ ഈ ഹെഡറിന്റെ (അതിന്റെ വാചകം) ഉള്ളടക്കം ഇടത് (സ്ഥിരസ്ഥിതി), വലത് അല്ലെങ്കിൽ മധ്യഭാഗത്ത് അല്ലെങ്കിൽ വീതിയിൽ വിന്യസിക്കാനാകും (നീതീകരിക്കുക - വാക്കുകൾ തമ്മിലുള്ള ദൂരം മാറുന്നു, പത്ര കോളങ്ങളിലെ പോലെ).
നൽകിയിരിക്കുന്ന സ്ക്രീൻഷോട്ടിൽ നിങ്ങൾ ശ്രദ്ധാപൂർവം നോക്കുകയാണെങ്കിൽ, P എന്ന ഖണ്ഡികയുടെ Html ടാഗിനും Div കണ്ടെയ്‌നറിനും സമാനമായ കാര്യം ശരിയാകും.
ഒരു തിരശ്ചീന എച്ച്ആർ ലൈനിന്, "അലൈൻ" ആട്രിബ്യൂട്ട് ആ മൂലകം തന്നെ രൂപപ്പെടുത്തിയ തിരശ്ചീന രേഖയുടെ വിന്യാസത്തെ സൂചിപ്പിക്കും. എന്നാൽ എച്ച്ആർ ടാഗ് ഒരു ബ്ലോക്ക് ഘടകമാണ്, മാത്രമല്ല വീതിയിൽ ലഭ്യമായ എല്ലാ ഇടവും എടുക്കാൻ പ്രവണത കാണിക്കുന്നു. അതിനാൽ, നിങ്ങൾക്കൊപ്പം, അതിൽ "വിന്യസിക്കുക" എന്നത് ഉപയോഗിക്കുന്നത് അർത്ഥമാക്കുന്നു "വീതി" ആട്രിബ്യൂട്ടിനുള്ള മൂല്യം സജ്ജമാക്കുക(വീതി) പേജിന്റെ വീതിയേക്കാൾ കുറവാണ്.
"വീതി" എന്നതിനുള്ള മൂല്യം കേവലം അക്കങ്ങളായിരിക്കാം (ഇത് വീതിയെ പിക്സലുകളിൽ സജ്ജീകരിക്കും), അല്ലെങ്കിൽ തിരശ്ചീന എച്ച്ആർ ലൈനിനായി ലഭ്യമായ മൊത്തം വീതിയുടെ ഒരു ശതമാനം നിങ്ങൾക്ക് ഉപയോഗിക്കാം. ഒരേ ടാഗിനുള്ള "വലിപ്പം" ആട്രിബ്യൂട്ടിന്റെ മൂല്യം പിക്സലുകളിൽ തിരശ്ചീന രേഖയുടെ ഉയരം സൂചിപ്പിക്കുന്ന അക്കങ്ങളിൽ വ്യക്തമാക്കിയിരിക്കുന്നു. ഒരു ഉദാഹരണത്തിലൂടെ ഇത് നോക്കാം:
Html 4.01 സ്റ്റാൻഡേർഡിലെ HR ടാഗിൽ ഒന്ന് കൂടി ഉണ്ട് സിംഗിൾ എന്ന് വിളിക്കുന്ന ഒരു ആട്രിബ്യൂട്ട്, കാരണം അതിന് മൂല്യങ്ങളൊന്നും സ്വീകരിക്കാൻ കഴിയില്ല (ഇത് ചില പ്രവർത്തനങ്ങളെ അർത്ഥമാക്കുന്നു) - ഇത് ഒരു തിരശ്ചീന രേഖയെ നിഴൽ വീഴ്ത്തുന്നതിൽ നിന്ന് തടയുന്ന ഒരു "നോഷേഡ്" ആണ്:
Html-ൽ സാധ്യമായ എല്ലാ ടാഗുകൾക്കുമായി സാധ്യമായ എല്ലാ ആട്രിബ്യൂട്ടുകളും പരിഗണിക്കാൻ എനിക്ക് കഴിയില്ലെന്ന് വ്യക്തമാണ്, ഇത് ആവശ്യമില്ല, കാരണം എല്ലാം സാമ്യം ഉപയോഗിച്ച് ചെയ്യാൻ കഴിയും - പ്രധാന കാര്യം വാക്യഘടനയും ആശയവും മനസ്സിലാക്കുക എന്നതാണ്. കൂടാതെ, അവയിൽ പലതും ഇതിനകം ഉപയോഗത്തിന് ശുപാർശ ചെയ്തിട്ടില്ല, കാരണം ... ഇപ്പോൾ CSS ശൈലികളാണ് അവയുടെ പ്രവർത്തനം നിർവ്വഹിക്കുന്നത്, ഞങ്ങൾ വളരെ വേഗം വിശദമായി സംസാരിക്കാൻ തുടങ്ങും.
നിങ്ങൾക്ക് ആശംസകൾ! ബ്ലോഗ് സൈറ്റിന്റെ പേജുകളിൽ ഉടൻ കാണാം
നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടാകാം
Html-ലെ പട്ടികകൾ - ടേബിൾ, Tr, Td ടാഗുകൾ, അതുപോലെ കോൾസ്പാൻ, സെൽപാഡിംഗ്, സെൽസ്പേസിംഗ്, റോസ്പാൻ എന്നിവ സൃഷ്ടിക്കാൻ 
Iframe ഉം Frame ഉം - അവ എന്തൊക്കെയാണ്, Html-ൽ ഫ്രെയിമുകൾ എങ്ങനെ ഉപയോഗിക്കാം 
Html കോഡിലെ കമന്റ് ഡയറക്‌ടീവുകളും ഡോക്‌ടൈപ്പും ബ്ലോക്ക്, ഇൻലൈൻ ഘടകങ്ങളുടെ ആശയം (ടാഗുകൾ) 
ഉൾച്ചേർക്കലും ഒബ്ജക്റ്റും - വെബ് പേജുകളിൽ മീഡിയ ഉള്ളടക്കം (വീഡിയോ, ഫ്ലാഷ്, ഓഡിയോ) പ്രദർശിപ്പിക്കുന്നതിനുള്ള Html ടാഗുകൾ 
HTML - IMG, A ടാഗുകളിലേക്ക് ഒരു ലിങ്കും ചിത്രവും (ഫോട്ടോ) എങ്ങനെ ചേർക്കാം 
സൈറ്റിനായുള്ള Html ഫോമുകൾ - വെബ് ഫോം ഘടകങ്ങൾ സൃഷ്ടിക്കുന്നതിനുള്ള ടാഗുകൾ ഫോം, ഇൻപുട്ട്, സെലക്ട്, ഓപ്ഷൻ, ടെക്സ്റ്റേറിയ, ലേബൽ എന്നിവയും മറ്റും 
ഫോണ്ട് (മുഖം, വലിപ്പം, നിറം), ബ്ലോക്ക്ക്വോട്ട്, പ്രീ ടാഗുകൾ - ശുദ്ധമായ HTML-ൽ ലെഗസി ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് (സിഎസ്എസ് ഉപയോഗിച്ചിട്ടില്ല) 
വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങളും Html-ലെ അവയുടെ കോഡിന്റെ ഫോർമാറ്റിംഗും അതുപോലെ പ്രത്യേക നോൺ-ബ്രേക്കിംഗ് സ്‌പേസ് പ്രതീകങ്ങളും മറ്റ് ഓർമ്മപ്പെടുത്തലുകളും 
ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ സൃഷ്ടിക്കാം (A, Href, ടാർഗെറ്റ് ശൂന്യം), സൈറ്റിലെ ഒരു പുതിയ വിൻഡോയിൽ അത് എങ്ങനെ തുറക്കാം, കൂടാതെ Html കോഡിൽ ഒരു ചിത്രത്തെ ലിങ്ക് ആക്കും
ആശംസകൾ, സുഹൃത്തുക്കളെ! ഇന്ന് നമ്മൾ സംസാരിക്കും പാരഗ്രാഫ് ടാഗും അലൈൻമെന്റ് ആട്രിബ്യൂട്ടും. പൊതുവേ, ഒരു പേജിലെ എല്ലാ ഉള്ളടക്കവും ഖണ്ഡികകളായി വിഭജിക്കണം. ഖണ്ഡിക ഉള്ളടക്കം ടാഗുകൾക്കിടയിൽ എഴുതിയിരിക്കുന്നു
വാചകം...
. ഞങ്ങൾ തുടർച്ചയായി 2 ഖണ്ഡികകൾ പ്രദർശിപ്പിക്കുമ്പോൾ, അവയ്ക്കിടയിൽ ഒരു അദൃശ്യ ഫീൽഡ് രൂപം കൊള്ളുന്നു, അത് അവയെ പരസ്പരം അകറ്റുന്നു. ടാഗ് ഒരു ബ്ലോക്ക് ടാഗ് ആയതിനാൽ ഇത് പേജിന്റെ മുഴുവൻ വീതിയും എടുക്കുന്നു.ഉദാഹരണത്തിന്, ഇനിപ്പറയുന്ന കോഡുള്ള ഒരു പേജ് എടുക്കാം:
ആദ്യ ഖണ്ഡിക:ലോറെം ഇപ്‌സം എന്നത് പ്രിന്റിംഗ്, ടൈപ്പ് സെറ്റിംഗ് വ്യവസായത്തിന്റെ കേവലം വ്യാജ വാചകമാണ്. 1500-കൾ മുതൽ ലോറം ഇപ്‌സം വ്യവസായത്തിന്റെ സ്റ്റാൻഡേർഡ് ഡമ്മി ടെക്‌സ്‌റ്റാണ്, അജ്ഞാതനായ ഒരു പ്രിന്റർ ടൈപ്പിന്റെ ഒരു ഗാലി എടുത്ത് ഒരു ടൈപ്പ് സ്‌പെസിമെൻ ബുക്ക് നിർമ്മിക്കാൻ ശ്രമിച്ചപ്പോൾ.
രണ്ടാമത്തെ ഖണ്ഡിക:ഒരു പേജിന്റെ ലേഔട്ട് നോക്കുമ്പോൾ വായിക്കാനാകുന്ന ഉള്ളടക്കത്തിൽ നിന്ന് ഒരു വായനക്കാരൻ ശ്രദ്ധ തിരിക്കുമെന്നത് വളരെക്കാലമായി സ്ഥിരീകരിക്കപ്പെട്ട വസ്തുതയാണ്. ലോറെം ഇപ്‌സം ഉപയോഗിക്കുന്നതിന്റെ പ്രധാന കാര്യം, "ഉള്ളടക്കം ഇവിടെ, ഉള്ളടക്കം ഇവിടെ" ഉപയോഗിക്കുന്നതിന് വിരുദ്ധമായി അക്ഷരങ്ങളുടെ കൂടുതലോ കുറവോ സാധാരണ വിതരണമുണ്ട്, ഇത് വായിക്കാൻ കഴിയുന്ന ഇംഗ്ലീഷ് പോലെയാണ്.
ബ്രൗസറിൽ ഇത് എങ്ങനെയുണ്ടെന്ന് നോക്കാം:
പേജ് കോഡിൽ ഒരു ടാഗ് ഉണ്ടെന്ന് നിങ്ങൾ തീർച്ചയായും ശ്രദ്ധിച്ചു ശക്തമായ,ഈ ടാഗ് വാചകത്തെ ബോൾഡ് ആക്കുന്നു.
ടാഗ് ആട്രിബ്യൂട്ടുകൾ
ഓരോ ടാഗിനും നിങ്ങൾക്ക് ആട്രിബ്യൂട്ടുകൾ വ്യക്തമാക്കാൻ കഴിയും, ചില സാഹചര്യങ്ങളിൽ പോലും. ആട്രിബ്യൂട്ടിലൂടെ, പേജിൽ ഈ അല്ലെങ്കിൽ ആ ഘടകം എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് ഞങ്ങൾ ബ്രൗസറിനോട് പറയുന്നു.
ഓപ്പണിംഗ് ടാഗ് ബ്രാക്കറ്റിനുള്ളിൽ ആട്രിബ്യൂട്ട് വ്യക്തമാക്കിയിരിക്കുന്നു കൂടാതെ ഇനിപ്പറയുന്ന വാക്യഘടനയും ഉണ്ട്: attribute_name="value"
അലൈൻമെന്റ് ആട്രിബ്യൂട്ട്
ഉദാഹരണത്തിന്, ഞങ്ങൾക്ക് ഒരു പേജിൽ ഒരു ഖണ്ഡികയുണ്ട്, അതിന്റെ ഉള്ളടക്കം വിന്യസിക്കാൻ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു. ഇത് ചെയ്യുന്നതിന്, ഓപ്പണിംഗ് ടാഗിനുള്ളിൽ ഞങ്ങൾ ആട്രിബ്യൂട്ട് എഴുതുന്നു വിന്യസിക്കുക,ഖണ്ഡികയ്ക്കുള്ളിലെ ഉള്ളടക്കം വിന്യസിക്കുന്നതിന് ഉത്തരവാദിയാണ്, അത് ഒരു മൂല്യത്തിലേക്ക് സജ്ജമാക്കുക.
ഖണ്ഡികയുടെ ഉള്ളടക്കം.
ഈ ആട്രിബ്യൂട്ടിന് 4 മൂല്യങ്ങളുണ്ട്:
1.ഇടത്- ഉള്ളടക്കം ഇടതുവശത്തേക്ക് വിന്യസിക്കുന്നു. ഈ മൂല്യം സ്ഥിരസ്ഥിതിയാണ്. അതായത്, ഖണ്ഡികയ്ക്കുള്ള ആട്രിബ്യൂട്ട് ഞങ്ങൾ വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ വിന്യസിക്കുക, തുടർന്ന് ഖണ്ഡികയ്ക്കുള്ളിലെ ഉള്ളടക്കം സ്ഥിരസ്ഥിതിയായി വിന്യസിക്കപ്പെടും. മുമ്പത്തെ ഉദാഹരണത്തിൽ ഇത് കാണാൻ കഴിയും.
2.വലത്- ഉള്ളടക്കം വലതുവശത്തേക്ക് വിന്യസിക്കുന്നു.
വാചകം...
ബ്രൗസറിൽ ഇത് എങ്ങനെ കാണപ്പെടുന്നുവെന്നത് ഇതാ:
3.കേന്ദ്രം- ഉള്ളടക്കം പേജിന്റെ മധ്യഭാഗത്തേക്ക് വിന്യസിക്കുന്നു.
വാചകം...
4. ന്യായീകരിക്കുക- പേജിന്റെ വീതിയിലേക്ക് ഉള്ളടക്കം വിന്യസിക്കുന്നു.
വാചകം...
പാഠ സംഗ്രഹം:
അത് എന്താണെന്ന് ഇന്ന് നമ്മൾ പഠിച്ചു ഖണ്ഡിക html-ൽ. html-ൽ ഖണ്ഡികകൾ പലപ്പോഴും ഉപയോഗിക്കാറുണ്ട്. ടാഗ് ആട്രിബ്യൂട്ട് എന്താണെന്നും ഞങ്ങൾ മനസ്സിലാക്കി. ഒപ്പം അലൈൻമെന്റ് ആട്രിബ്യൂട്ട് പഠിച്ചു വിന്യസിക്കുക.ഇനിപ്പറയുന്ന മൂല്യങ്ങളിൽ ഒന്ന് എടുക്കാം: ഇടത് (സ്ഥിര മൂല്യം),ശരി,കേന്ദ്രംന്യായീകരിക്കുക.