HTML ఉద్ఘాటన టాగ్లు

మీరు ప్రారంభంలో మీ వెబ్ డిజైన్ విద్యలో నేర్చుకునే ట్యాగ్లలో ఒకటి "ప్రాముఖ్యత ట్యాగ్లు" అని పిలవబడే ట్యాగ్ల జత. యొక్క ఈ ట్యాగ్లు మరియు వారు నేడు వెబ్ డిజైన్ లో ఉపయోగిస్తారు ఎలా వద్ద పరిశీలించి లెట్.

తిరిగి XHTML కు

మీరు HTML సంవత్సరాల క్రితం నేర్చుకున్నా, HTML5 యొక్క పెరుగుదలకు ముందు, మీరు బహుశా బోల్డ్ మరియు ఇటాలిక్ ట్యాగ్లను ఉపయోగించారు. మీరు ఊహించినట్లుగా, ఈ ట్యాగ్లు వరుసగా బోల్డ్ టెక్స్ట్ లేదా ఇటాలిక్ టెక్స్ట్ లోకి అంశాలను మారిపోయాయి. ఈ ట్యాగ్లతో సమస్య, మరియు ఎందుకు వారు నూతన మూలకాలకు అనుకూలంగా వెళ్లిపోయారు (త్వరలోనే మేము చూస్తాము), వారు అర్థ అంశాలు కాదు. పాఠ్యం గురించి సమాచారాన్ని కాకుండా టెక్స్ట్ ఎలా కనిపించాలి అనేవాటిని వారు నిర్వచించారు. గుర్తుంచుకోండి, HTML (ఈ ట్యాగ్లు ఎక్కడ వ్రాయబడుతుందో) నిర్మాణం గురించి, దృశ్యమాన శైలి కాదు! దృశ్యాలు CSS ద్వారా నిర్వహించబడతాయి మరియు వెబ్ డిజైన్ ఉత్తమ పద్ధతులు మీరు మీ వెబ్ పేజీలలో శైలి మరియు నిర్మాణం స్పష్టమైన విభజన కలిగి ఉండాలి. అటువంటి పదార్ధాన్ని ఉపయోగించడం మరియు నిర్మాణానికి కాకుండా వివరాలని ఉపయోగించడం కాదు. అందువల్ల బోల్డ్ మరియు ఇటాలిక్ ట్యాగ్లు సాధారణంగా బలంగా (బోల్డ్ కోసం) మరియు ఉద్ఘాటన (ఇటాలిక్స్ కోసం) ద్వారా భర్తీ చేయబడ్డాయి.

& Lt; strong & gt; మరియు & lt; em & gt;

బలమైన మరియు ఉద్ఘాటన అంశాలు మీ టెక్స్ట్కు సమాచారాన్ని జోడించి, కంటెంట్ను వివరించేటప్పుడు విభిన్నంగా వ్యవహరించే కంటెంట్ను వివరించడం మరియు నొక్కి చెప్పడం. గతంలో మీరు బోల్డ్ మరియు ఇటాలిక్లను ఉపయోగించినట్లు మీరు ఈ అంశాలను చాలా చక్కని రీతిలో ఉపయోగించారు. మీ టెక్స్ట్ను ప్రారంభ మరియు ముగింపు ట్యాగ్లతో ( మరియు ప్రాధాన్యత కోసం మరియు మరియు బలమైన నొక్కి కోసం) మరియు పరివేష్టిత టెక్స్ట్ నొక్కిచెప్పడంతో మీ టెక్స్ట్ చుట్టూ ఉంటుంది.

మీరు ఈ టాగ్లు గూడు మరియు బాహ్య ట్యాగ్ ఇది పట్టింపు లేదు. ఇవి కొన్ని ఉదాహరణలు.

ఈ టెక్స్ట్ నొక్కిచెప్పబడింది మరియు చాలా బ్రౌజర్లు ఇటాలిక్గా దానిని ప్రదర్శిస్తాయి. ఈ టెక్స్ట్ గట్టిగా నొక్కి చెప్పబడింది మరియు చాలా బ్రౌజర్లు దానిని బోల్డ్ రకంగా ప్రదర్శిస్తాయి.

ఈ రెండు ఉదాహరణలు, మేము HTML తో విజువల్ లుక్ నిర్దేశించడం లేదు. అవును, ట్యాగ్ యొక్క డిఫాల్ట్ ప్రదర్శన ఇటాలిక్స్ మరియు బోల్డ్ అవుతుంది, కానీ ఆ కనిపిస్తోంది సులభంగా CSS లో మార్చవచ్చు. ఇది రెండు ప్రపంచాల ఉత్తమమైనది. మీరు నిజంగా లైన్ మరియు మిక్సింగ్ నిర్మాణం మరియు శైలిని దాటుతూ లేకుండా మీ పత్రంలో ఇటాలిక్ లేదా బోల్డ్ టెక్స్ట్ను పొందడానికి డిఫాల్ట్ బ్రౌజర్ శైలులను పరపతి చేయవచ్చు. మీకు టెక్స్ట్ బోల్డ్ కాదు, కానీ కూడా ఎరుపుగా ఉండాలని కోరుకున్నాను, మీరు దీన్ని CSS కు జోడించాలని అనుకుంటున్నారు

బలమైన {
రంగు: ఎరుపు రంగు;
}

ఈ ఉదాహరణలో, డిఫాల్ట్ అయినప్పటి నుండి మీరు బోల్డ్ ఫాంట్ బరువు కోసం ఒక ఆస్తిని జోడించాల్సిన అవసరం లేదు. మీరు ఆ అవకాశాన్ని వదిలిపెట్టకూడదనుకుంటే, మీరు ఎల్లప్పుడూ దాన్ని దీనిలో చేర్చగలరు:

బలమైన {
ఫాంట్-బరువు: బోల్డ్;
రంగు: ఎరుపు రంగు;
}

ఇప్పుడు మీరు ట్యాగ్ ఉపయోగించిన చోట బోల్డ్ (మరియు ఎరుపు) టెక్స్ట్తో ఉన్న పేజీని కలిగి ఉంటారు.

Emphasis పై డబుల్ అప్

నేను సంవత్సరానికి గమనించిన ఒక విషయం మీరు నొక్కి చెప్పడానికి ప్రయత్నిస్తే ఏమి జరుగుతుంది. ఉదాహరణకి:

ఈ టెక్స్ట్లో దానిలో బోల్డ్ మరియు ఇటాలిక్ చేసిన టెక్స్ట్ ఉండాలి.

మీరు ఈ లైన్ బోల్డ్ మరియు ఇటాలిక్ అని టెక్స్ట్ కలిగి ప్రాంతం ఉత్పత్తి అని అనుకుంటున్నాను ఉంటుంది. కొన్నిసార్లు ఇది నిజంగా జరిగేది, కానీ కొన్ని బ్రౌజర్లు రెండింటిలో రెండు ముఖ్యమైన శైలుల్లో గౌరవించదగినవి, అసలు ప్రశ్నకు సన్నిహితంగా ఉండే వాటిలో ఒకటి మాత్రమే గౌరవించాను, మరియు దీనిని ఇటాలిక్గా మాత్రమే ప్రదర్శించాను. నేను నొక్కి చెప్పుకోవడ 0 కారణ 0 గానే కారణాల్లో ఒకటి.

ఈ "రెట్టింపు" ను నివారించడానికి మరొక కారణం శైలీకృత ప్రయోజనాల కోసం. సాధారణంగా మీరు సెట్ చేయాలనుకుంటున్న టోన్ను తెలియజేయడానికి ఒకవేళ నొక్కి వక్కాణించే ఒక రూపం. మీరు నిలబడటానికి, బోల్డ్, ఇటాలిక్, రంగు, వచ్చేలా మరియు వచనాన్ని అండర్లైన్ చేయవలసిన అవసరం లేదు. ఆ వచనం, అన్ని విభిన్న రకాల ఉద్ఘాటనలు, ఆడంబరమైనవి. ఉద్ఘాటన ట్యాగ్లు లేదా CSS శైలులను నొక్కిచెప్పేటప్పుడు జాగ్రత్తగా ఉండండి.

బోల్డ్ అండ్ ఇటాలిక్స్పై ఒక గమనిక

వన్ తుది ఆలోచన - అయితే బోల్డ్ () మరియు ఇటాలిక్స్ () ట్యాగ్లు ఇకపై ఉద్ఘాటన అంశాలకు ఉపయోగించబడదు, టెక్స్ట్ యొక్క శైలి ఇన్లైన్ ప్రాంతాలకు ఈ ట్యాగ్లను ఉపయోగించే కొంతమంది వెబ్ డిజైనర్లు ఉన్నారు. సాధారణంగా, వారు దీనిని మూలకం వలె ఉపయోగిస్తారు. ఈ ట్యాగ్లు చాలా తక్కువగా ఉంటాయి, కానీ ఈ పద్ధతిలో ఈ అంశాలను ఉపయోగించడం సాధారణంగా సిఫార్సు చేయబడదు. మీరు కొన్ని సైట్లు బోల్డ్ లేదా ఇటాలిక్ టెక్స్ట్ సృష్టించడానికి కాదు ఉపయోగిస్తారు, కానీ కొన్ని ఇతర రకం దృశ్య స్టైలింగ్ కోసం ఒక CSS హుక్ సృష్టించడానికి అక్కడ అది చూడండి విషయంలో పేర్కొన్నారు.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చేత 12/2/16 న సవరించబడింది.