ആരും ഉപയോഗിക്കാത്ത ഇൻലൈൻ HTML

മിക്ക ഡെവലപ്പർമാർക്കും , , എന്നിവ അറിയാം.

നിങ്ങൾ , , , , , തുടങ്ങിയവയെ അവഗണിച്ചേക്കാം. പകരം നിങ്ങൾ ഒരു ഉപയോഗിക്കാൻ ശ്രമിക്കുന്നത് കൊണ്ടാണ് ഇത് സംഭവിക്കുന്നത്.

ഈ എലമെന്റുകൾ ഉപയോഗിക്കുന്നത് ഉള്ളടക്കത്തിന് അർത്ഥം നൽകുന്നു. സ്റ്റൈൽ ചെയ്ത ഒരു span മെഷീനുകൾക്ക് ഒന്നും പറഞ്ഞുതരുന്നില്ല. എന്നാൽ ഈ എലമെന്റുകൾ സ്ക്രീൻ റീഡറുകൾക്കും സെർച്ച് എഞ്ചിനുകൾക്കും ആവശ്യമായ വിവരങ്ങൾ നൽകുന്നു.

നിങ്ങൾ അറിഞ്ഞിരിക്കേണ്ട ഉപയോഗപ്രദമായ എലമെന്റുകൾ ഇവയാണ്:

and : ഇവ മാറ്റങ്ങൾ ട്രാക്ക് ചെയ്യുന്നു. നീക്കം ചെയ്ത ടെക്സ്റ്റിനായി ഉം പുതിയ ടെക്സ്റ്റിനായി ഉം ഉപയോഗിക്കുക. എഡിറ്റുകൾ കാണിക്കാൻ ഇവ ഒരുമിച്ച് പ്രവർത്തിക്കുന്നു. • : ഇനി കൃത്യതയില്ലാത്ത ഉള്ളടക്കങ്ങൾക്കായി ഇത് ഉപയോഗിക്കുക. ഇത് ഒരു ഡിലീഷനിൽ (deletion) നിന്നും വ്യത്യസ്തമാണ്. പഴയ വില പോലുള്ള കാലഹരണപ്പെട്ട വിവരങ്ങൾ അടയാളപ്പെടുത്താൻ ഇത് ഉപയോഗിക്കുന്നു. • and : കെമിക്കൽ ഫോർമുലകൾക്കോ ഗണിതശാസ്ത്രത്തിലെ എക്സ്പോണന്റുകൾക്കോ (exponents) ഇവ ഉപയോഗിക്കുക. ടെക്സ്റ്റ് ചെറുതാക്കാൻ വേണ്ടി മാത്രം ഇവ ഉപയോഗിക്കരുത്. • : ഗണിതത്തിലോ കോഡിലോ ഉള്ള വേരിയബിളുകൾക്കായി ഇത് ഉപയോഗിക്കുക. • : പ്രസക്തമായ ഭാഗങ്ങൾ ഹൈലൈറ്റ് ചെയ്യാൻ ഇത് ഉപയോഗിക്കുന്നു. സെർച്ച് എഞ്ചിനുകൾ ക്വറി മാച്ചുകൾ (query matches) കാണിക്കാൻ ഇത് ഉപയോഗിക്കുന്നു. • : ഒരു ചുരുക്കരൂപത്തിന്റെ (abbreviation) പൂർണ്ണരൂപം ടൂൾടിപ്പ് (tooltip) വഴി ഇത് നൽകുന്നു. • : ഒരു പദം (term) നിങ്ങൾ നിർവചിക്കുന്ന കൃത്യമായ ഭാഗം അടയാളപ്പെടുത്താൻ ഇത് ഉപയോഗിക്കുക. • : പുസ്തകമോ പ്രബന്ധമോ പോലുള്ള ഒരു കൃതിയുടെ തലക്കെട്ടിനായി ഇത് ഉപയോഗിക്കുക. ഇത് ഒരാളുടെ പേരിനായി ഉപയോഗിക്കാനുള്ളതല്ല. • : ഇൻലൈൻ ഉദ്ധരണികൾക്കായി (inline quotes) ഇത് ഉപയോഗിക്കുന്നു. ബ്രൗസർ തന്നെ നിങ്ങൾക്കായി ഉദ്ധരണിച്ചിതുകൾ (quotation marks) ചേർക്കും.

ബ്രൗസറിലെ ഡിഫോൾട്ട് സ്റ്റൈലുകൾ പലപ്പോഴും കാണാൻ ഭംഗിയില്ലാത്തവയാണ്. ഒരു മഞ്ഞ ഹൈലൈറ്റർ പോലെ തോന്നും. -ൽ ക്രമരഹിതമായ അടയാളങ്ങൾ ഉണ്ടാകാം.

ഈ ടാഗുകൾ ഒഴിവാക്കേണ്ടതില്ല. നിങ്ങൾക്ക് CSS ഉപയോഗിച്ചാൽ മതി.

-ന് ഒരു ബ്രാൻഡ് കളർ നൽകുക. -ന് ഒരു ഡോട്ടഡ് അണ്ടർലൈൻ നൽകുക. ഇത് സെമാന്റിക് കോഡിനെ (semantic code) മനോഹരമായ ടൈപ്പോഗ്രഫിയിലേക്ക് മാറ്റുന്നു.

ഉള്ളടക്കം യഥാർത്ഥത്തിൽ എന്താണെന്ന് തെറ്റായി കാണിക്കുന്ന ഒരു span ഉപയോഗിക്കുന്നതിനേക്കാൾ നല്ലത്, വർഷത്തിലൊരിക്കലെങ്കിലും ശരിയായ ടാഗ് ഉപയോഗിക്കുന്നതാണ്.

സ്രോതസ്സ്: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d