విషయము
- 01. చిత్రం>
- 02. డేటాలిస్ట్>
- 03. dl>
- 04. వివరాలు>
- 05. dfn>
- 06. ఫిగర్>
- 07. కోడ్>
- 08. సమయం>
- నివారించడానికి 5 HTML ట్యాగ్‌లు
- 01. ఫాంట్>
- 02. మెనుటైమ్>
- 03. పెద్ద>
- 04. కేంద్రం>
- 05. మార్క్యూ>
HTML5 స్పెసిఫికేషన్ ప్రవేశపెట్టినప్పుడు, ఇది దానితో కొత్త సెమాంటిక్ ట్యాగ్‌లను తీసుకువచ్చింది, ఇది HTML ట్యాగ్‌లకు మరింత అర్ధాన్ని ఇచ్చింది. వెబ్ డిజైనర్లకు గొప్ప వార్త, వారు ఇకపై వారి వెబ్‌సైట్ నిర్మాణాన్ని రూపొందించడానికి div> ట్యాగ్‌లను మార్చాల్సిన అవసరం లేదు.
ప్రాథమిక సెమాంటిక్ HTML ట్యాగ్‌లు ఇష్టపడతాయి శీర్షిక>, ఫుటరు> మరియు nav> స్వీయ-వివరణాత్మకమైనవి, వెబ్ డిజైనర్లు కూడా ఉపయోగించాల్సిన కొత్త HTML ట్యాగ్‌లు చాలా ఉన్నాయి. ఈ పోస్ట్‌లో, మీరు ఉపయోగించాల్సిన ఎనిమిది ముఖ్యమైన HTML ట్యాగ్‌లను మేము చుట్టుముట్టాము మరియు దానిని ఎలా చేయాలో వివరించాము. సమతుల్యత కోసం, వెబ్ చరిత్ర యొక్క పరిమితులకు బహిష్కరించాల్సిన ఐదు ట్యాగ్‌లను కూడా మేము ఎంచుకున్నాము.
మరింత వెబ్ డిజైన్ సలహా కోసం, మా వెబ్ డిజైన్ టూల్స్ రౌండప్, అగ్ర వెబ్‌సైట్ బిల్డర్ల జాబితా లేదా అనువర్తనాన్ని ఎలా తయారు చేయాలో మా గైడ్ చూడండి.
01. చిత్రం>
ది చిత్రం> ట్యాగ్ మాదిరిగానే ఉంటుంది img>, ది చిత్రం> మూలకం బహుళను అనుమతించడం ద్వారా వశ్యతను అందిస్తుంది మూలం> అదే వనరు కోసం అంశాలు, ఇది మీడియా ప్రశ్న లేదా చిత్ర రకం మద్దతు ఆధారంగా స్వీకరించగలదు. ఉదాహరణకు, ఇది క్రొత్త, చిన్న ఫైల్ పరిమాణానికి మద్దతు ఇచ్చే బ్రౌజర్‌లకు వెబ్‌పి చిత్రాలను సరఫరా చేస్తుంది.
02. డేటాలిస్ట్>
ది డేటాలిస్ట్> ట్యాగ్ కోసం స్వీయపూర్తి ఇంటర్‌ఫేస్‌ను అందిస్తుంది ఇన్పుట్> అంశాలు. ప్రతి జాబితాలో సమితి ఉంటుంది ఎంపిక> అనుబంధ విలువను కలిగి ఉన్న అంశాలు. ఒక లింక్ చేసినప్పుడు ఇన్పుట్> “జాబితా” లక్షణాన్ని ఉపయోగించి, ఇది డ్రాప్-డౌన్ జాబితాను అందించగలదు లేదా వినియోగదారు రకాలుగా సూచనలను ప్రదర్శిస్తుంది.
03. dl>
ఈ వివరణ జాబితా, లేదా dl> ట్యాగ్, మూలకం నిర్వచించిన పదాల సమూహాలకు కంటైనర్‌గా పనిచేస్తుంది. లోపల, ప్రతి పదం (dt>) మరియు నిర్వచనం (dd>) పదకోశం లాంటి నిర్మాణాన్ని రూపొందించడానికి కలిసి ఉంటాయి. ఇది డిఫాల్ట్‌గా ప్రాథమిక ఆకృతీకరణను వర్తింపజేస్తుండగా, సెమాంటిక్ HTML స్క్రీన్ రీడర్‌లకు మరియు క్రాలర్స్ వంటి ఇతర స్వయంచాలక సాధనాలకు ప్రయోజనం చేకూరుస్తుంది.
04. వివరాలు>
ప్రశ్నల పేజీ వంటి ఒకేసారి చాలా డేటాను చూపించాల్సిన అవసరం వచ్చినప్పుడు అకార్డియన్స్ ఒక సాధారణ డిజైన్ నమూనా. ఉపయోగించడం ద్వారా వివరాలు> మూలకం పక్కన సారాంశం>, మేము జావాస్క్రిప్ట్ లేకుండా అదే ప్రభావాన్ని సాధించగలము. సారాంశాన్ని క్లిక్ చేస్తే మిగిలిన కంటెంట్‌ను టోగుల్ చేస్తుంది.
05. dfn>
సంక్లిష్టమైన నిబంధనలు లేదా సంక్షిప్తాలు తరచుగా తెలియని వాటికి నిర్వచించాల్సిన అవసరం ఉంది. ఒక పదం చుట్టి a dfn> ట్యాగ్ దాని చుట్టూ ఉన్న టెక్స్ట్ ద్వారా నిర్వచించబడుతుంది. ఇది ఇన్లైన్ ఎలిమెంట్ మరియు మానవ భాషలో నిర్వచనాలను హైలైట్ చేయడానికి రూపొందించబడింది.
06. ఫిగర్>
ఒక సంఖ్య ఒక పత్రం యొక్క ప్రధాన ప్రవాహంలో తరచుగా కనిపించే కంటెంట్ యొక్క యూనిట్‌గా నిర్వచించబడుతుంది, కానీ విడిగా అర్థం చేసుకోవచ్చు. ది ఫిగర్> మూలకం చిత్రం లేదా ఇతర సూచన కంటెంట్‌ను చుట్టేస్తుంది మరియు దాని విషయాల వివరణను కూడా కలిగి ఉంటుంది figcaption>.
07. కోడ్>
సాంకేతిక రచనతో, మిగిలిన వాక్యం నుండి కంప్యూటర్ కోడ్‌ను దృశ్యమానంగా వేరు చేయడానికి ఇది ఉపయోగపడుతుంది. ప్రతి సంఘటనను చుట్టడం ద్వారా a కోడ్> ట్యాగ్, బ్రౌజర్ మరింత తగిన విధంగా ప్రదర్శించడానికి కొన్ని డిఫాల్ట్ ఆకృతీకరణను వర్తింపజేయవచ్చు. తో కలపండి ముందు> పెద్ద కోడ్ బ్లాకుల కోసం.
08. సమయం>
సందర్భం లేదా భాషను బట్టి మనం సమయ విలువలను భిన్నంగా వ్రాయవచ్చు. ఈ విలువలను గుర్తించడం ద్వారా సమయం> ట్యాగ్, సెర్చ్ ఇంజన్లు మరియు ఇతర ఆటోమేటెడ్ టూలింగ్ ఈ సమాచారాన్ని త్వరగా సేకరించగలవు. ఒక నిర్దిష్ట సమయాన్ని మరింత యంత్ర-స్నేహపూర్వక ఆకృతిలో సరఫరా చేయడానికి “డేట్‌టైమ్” లక్షణాన్ని ఉపయోగించండి.
నివారించడానికి 5 HTML ట్యాగ్‌లు
HTML స్పెసిఫికేషన్‌లో చాలా లెగసీ ట్యాగ్‌లు ఉన్నాయి, అవి ఇప్పటికీ ఉపయోగించబడతాయి మరియు ఇప్పటికీ పని చేస్తాయి, కాని సాధారణ వాస్తవం ఏమిటంటే, సాధారణంగా అక్కడ మంచి ప్రత్యామ్నాయం ఉంది. మరియు, మంచి ఎంపిక ఉంటే మీరు నిజంగా దాన్ని ఉపయోగించాలి.
బ్రౌజర్ మద్దతు సమస్య కూడా ఉంది. ప్రతి బ్రౌజర్‌లో కొన్ని ట్యాగ్‌లు ఇకపై మద్దతు ఇవ్వవు, కానీ పేజీ రూపకల్పనను చూసినప్పుడు ఇవి గుర్తించబడవు. మళ్ళీ వీటిని మార్చాల్సిన అవసరం ఉంది.
క్రింద మీరు ఏ పేజీ యొక్క HTML లోపల ఖచ్చితంగా కూర్చోని ఐదు ట్యాగ్‌లను కనుగొంటారు. మీ కోడ్‌లో వీటిలో దేనినైనా మీరు గుర్తించినట్లయితే, అవి మరింత సరిఅయిన ట్యాగ్‌తో భర్తీ చేయబడిందని లేదా పూర్తిగా తీసివేయబడ్డాయని నిర్ధారించుకోండి.
01. ఫాంట్>
చారిత్రాత్మకంగా, ది font> ట్యాగ్ టెక్స్ట్ యొక్క బ్లాక్ శైలికి ఉపయోగించబడింది, ఇప్పుడు CSS తో టార్గెట్ మరియు స్టైల్ టెక్స్ట్ చేయడం ఉత్తమం. అడ్వాన్స్‌డ్ వెబ్ ర్యాంకింగ్ ప్రకారం, దాదాపు 6.5 మిలియన్ వెబ్‌సైట్లు ట్యాగ్‌ను చాలా సంవత్సరాలుగా తీసివేసినప్పటికీ ఉపయోగిస్తున్నాయి.
02. మెనుటైమ్>
కలిపినప్పుడు మెను>, ది menuitem> ట్యాగ్ సందర్భ మెనుల్లో ప్రదర్శించడానికి ఎంపికలు మరియు చర్యలను అందిస్తుంది. ఇది చాలా బ్రౌజర్ మద్దతును అందుకోనందున ఇది ఇప్పుడు స్పెసిఫికేషన్ నుండి తొలగించబడింది.
03. పెద్ద>
ది పెద్ద> ట్యాగ్ ట్యాగ్ లోపల ఉన్న టెక్స్ట్ పరిమాణాన్ని ఒక స్థాయికి పెంచింది. దాని తోడు చిన్న> ఇప్పటికీ చెల్లుబాటు అయ్యే HTML, కానీ ఇప్పుడు చిన్న ముద్రణను సూచించే మరింత నిర్వచించిన అర్థ అర్థాన్ని కలిగి ఉంది.
04. కేంద్రం>
గతంలో కేంద్రం> బ్లాక్ మరియు ఇన్లైన్ కంటెంట్ రెండింటినీ కేంద్రీకృతం చేయడానికి ట్యాగ్ మాత్రమే మార్గం, కానీ ఇప్పుడు దీనిని “టెక్స్ట్-అలైన్: సెంటర్CSS లో, అదే పనిని చేస్తుంది.
05. మార్క్యూ>
ది మార్క్యూ> ట్యాగ్ ట్యాగ్ లోపల ఉన్న వచనాన్ని న్యూస్ టిక్కర్ లాగా తెరపైకి తరలించడానికి అనుమతించింది. ఇంతకుముందు వెబ్ యొక్క ప్రసిద్ధ లక్షణం అయితే ఇది CSS- ఆధారిత యానిమేషన్లకు అనుకూలంగా వాడుకలో లేనిదిగా వర్గీకరించబడింది.
మీ సైట్ మీకు కావలసిన విధంగా నడుస్తున్నప్పుడు, మీ కోసం సరైన వెబ్ హోస్టింగ్ సేవ మీకు లభించిందని నిర్ధారించుకోండి. దూరంగా ఉండటానికి కొన్ని ఆస్తులు ఉన్నాయా? మీకు నమ్మకమైన క్లౌడ్ నిల్వ అవసరం.
- వెబ్ డిజైన్ సాధనాలు: తెలివిగా పనిచేయడంలో మీకు సహాయపడటానికి
- ప్రతిస్పందించే వెబ్ డిజైన్ ట్యుటోరియల్స్: నిజంగా ఉపయోగకరమైన వనరులు
- ప్రోగ్రామింగ్ కోసం ల్యాప్‌టాప్‌లు: ఉత్తమ ఎంపికలు
