ఈ రెండు నిబంధనల మధ్య తేడా ఉంది
వెబ్ డిజైన్, ఏదైనా పరిశ్రమ లేదా వృత్తి వంటిది, దాని స్వంత భాషని కలిగి ఉంటుంది. మీరు పరిశ్రమలోకి ప్రవేశించి మీ సహచరులతో మాట్లాడటం మొదలుపెట్టినప్పుడు, మీరు నిస్సందేహంగా మీకు కొత్తగా ఉన్న నిబంధనలను మరియు పదాలను గందరగోళంగా పరిగణిస్తారు, కానీ మీ తోటి వెబ్ నిపుణుల యొక్క భాషల ప్రవాహం. మీరు వింటున్న రెండు పదాలు HTML "ట్యాగ్" మరియు "మూలకం".
మీరు మాట్లాడే ఈ రెండు పదాలను విన్నప్పుడు, వారు కొంతవరకు పరస్పరం వాడతారు అని మీరు గ్రహించవచ్చు. అలాగే, HTML కోడ్తో పనిచేయడం ప్రారంభించినప్పుడు చాలా మంది కొత్త వెబ్ నిపుణులు "ఒక HTML ట్యాగ్ మరియు ఒక HTML ఎలిమెంట్ మధ్య తేడా ఏమిటి?"
ఈ రెండు పదాలు అర్ధంతో సమానంగా ఉన్నప్పటికీ, అవి నిజంగా పర్యాయపదాలు కాదు. కాబట్టి ఈ రెండు పదాలతో సారూప్యత ఏమిటి? సంక్షిప్త సమాధానం ఏమిటంటే, ట్యాగ్లు మరియు ఎలిమెంట్ లు HTML ను రాయడానికి ఉపయోగించే మార్కప్ ను సూచిస్తాయి. ఉదాహరణకు, మీరు
HTML టాగ్లు
HTML అనేది ఒక మార్కప్ లాంగ్వేజ్ , ఇది ఒక వ్యక్తి ద్వారా చదవదగిన కోడ్లతో వ్రాయబడి ఉంటుంది, ఇది మొదటిదిగా సంకలనం చేయబడదు. మరో మాటలో చెప్పాలంటే, వచనం ప్రదర్శించాలనే దానిపై వెబ్ బ్రౌజర్ సూచనలను ఇవ్వడానికి వెబ్ పేజీలోని టెక్స్ట్ ఈ కోడ్లతో "మార్క్ చేయబడింది". ఈ మార్కప్ ట్యాగ్లు HTML ట్యాగ్లు.
మీరు HTML ను వ్రాస్తున్నప్పుడు, మీరు HTML టాగ్లను వ్రాస్తున్నారు. అన్ని HTML ట్యాగ్లు నిర్దిష్ట భాగాల సంఖ్యను కలిగి ఉంటాయి, వాటిలో:
- తక్కువ కంటే సైన్ <
- ఏ పదం లేదా అక్షరం ఏ ట్యాగ్ వ్రాయబడుతుందో నిర్ణయిస్తుంది
- ఒక పేరు = "విలువ" జత రూపంలో ఐచ్ఛిక HTML లక్షణాల సంఖ్య
- చివరకు ఎక్కువ-గుర్తు కంటే>
ఉదాహరణకు, ఇక్కడ కొన్ని HTML ట్యాగ్లు ఉన్నాయి:
-
-
ఈ అన్ని HTML ప్రారంభ టాగ్లు, వాటిని జోడించిన ఏ ఐచ్ఛిక లక్షణాలు లేకుండా. ఈ టాగ్లు ప్రాతినిధ్యం:
-
- ఒక పేరాని నిర్వచిస్తుంది.
- - HTML గా పేజీని నిర్వచిస్తుంది
- - ఒక విభాగాన్ని నిర్వచిస్తుంది.
క్రింది HTML టాగ్లు కూడా ఉన్నాయి:
-
-
ఈ ఉదాహరణలు అన్ని ప్రారంభ HTML ట్యాగ్లకు జోడించబడిన గుణాలను కలిగి ఉంటాయి.
-
- ఒక ID లక్షణాన్ని కలిగి ఉన్న క్రమం లేని జాబితా
- విభజన తరగతి లక్షణం ఉంది
- యాంకర్, లేదా లింక్, ఎలిమెంట్లో "href" లక్షణం ఉంటుంది
- "Src" లక్షణంతో చిత్రం ట్యాగ్
యాంకర్ మరియు ఇమేజ్ ట్యాగ్ల కోసం, లక్షణాలను వాస్తవానికి ఐచ్ఛికం కాదు, ఆ ట్యాగ్లను సరిగా ప్రదర్శించడానికి అవి అవసరం. మీరు ఎక్కడికి వెళ్లాలి అనే లింక్ (ఇది "href" చేస్తుంది) మరియు చూపించవలసిన చిత్రం (ఇది "src" లక్షణం అందించేది) ను చెప్పాలి.
HTML ఎలిమెంట్స్ ఏమిటి
W3C HTML స్పెసిఫికేషన్ ప్రకారం, మూలకం HTML యొక్క ప్రాథమిక నిర్మాణ బ్లాక్ మరియు సాధారణంగా రెండు ట్యాగ్లను కలిగి ఉంటుంది : ప్రారంభ ట్యాగ్ మరియు ముగింపు ట్యాగ్. ఇప్పటివరకు మేము తెరిచిన ట్యాగ్లను చూశాము, ఇది అంశాలని ప్రారంభిస్తుంది. ఆ మూలకం ముగించడానికి, మీరు సంబంధిత ముగింపు టాగ్లు వ్రాయండి.
ఉదాహరణకు, పేరా మూలకం కోసం మీరు ఈ వ్రాయండి:
p>
ఇది మేము ప్రారంభమైన ట్యాగ్ను తయారు చేసాము, ఇది మేము ఒక క్షణం క్రితం చూశాము, అలాగే ముగింపు ట్యాగ్ - p>. మూసివేసిన ట్యాగ్లు నిజంగా ప్రారంభ ట్యాగ్ను పునరావృతం చేస్తాయి, కాని "ఫార్వర్డ్ స్లాష్" తో నేరుగా "గుర్తు కంటే తక్కువ" తర్వాత జోడించబడ్డాయి.
దాదాపు అన్ని HTML మూలకాలు ఒక ప్రారంభ ట్యాగ్ మరియు ముగింపు ట్యాగ్ను కలిగి ఉంటాయి. ఈ ట్యాగ్లు వెబ్ పేజీలో ప్రదర్శించబడే టెక్స్ట్ చుట్టూ ఉన్నాయి. ఉదాహరణకు, వచనం యొక్క పేరాని వ్రాయడానికి, మీరు పేజీలో ప్రదర్శించడానికి టెక్స్ట్ని వ్రాసి ఆపై ఈ ట్యాగ్స్తో చుట్టుముట్టాలి:
మీరు వెబ్పేజీలో ప్రదర్శించదలిచిన పేరా వచనాన్ని వ్రాసే చోటే ఇది. p>
కొన్ని HTML అంశాలకు ముగింపు ట్యాగ్ లేదు. వీటిని "ఖాళీ అంశాలు" అని పిలుస్తారు. కొన్నిసార్లు, వారు కూడా " సింగిల్టన్ " లేదా "శూన్యమైన" అంశాలని కూడా సూచిస్తారు. ఖాళీ మూలకాలు ఉపయోగించడానికి సులభం ఎందుకంటే మీరు మీ వెబ్ పేజీలో ఒక ట్యాగ్ను మాత్రమే కలిగి ఉండాలి మరియు బ్రౌజర్ ఏమి చేయాలో తెలుసుకోగలదు. ఉదాహరణకు, మీ పేజీకి ఒకే పంక్తి విరామం జోడించేందుకు మీరు బి ట్యాగ్ను ఉపయోగిస్తారని.
ఒక ప్రారంభ ట్యాగ్ను కలిగి ఉన్న మరొక సాధారణ అంశం "చిత్రం" మూలకం. ఉదాహరణకి:
మేము ఇంతకుముందు ఈ ఉదాహరణని చూసాము, కానీ ఈ చిత్రం మూలకానికి ఎటువంటి ముగింపు టాగ్ లేదు. బ్రౌజర్ ఈ కోడ్ను "href" లక్షణంలో ప్రస్తావించబడిన చిత్రంతో భర్తీ చేస్తుంది. ఈ సందర్భంలో, అది "logo.png" అవుతుంది.
సాధారణంగా, నేను ఒక HTML మూలకాన్ని లేదా ట్యాగ్ను సూచించేటప్పుడు, మూలకం యొక్క అన్ని భాగాలను (ప్రారంభ మరియు ముగింపు ట్యాగ్లు రెండింటినీ) సూచిస్తున్నట్లు సూచించడానికి నేను పదం "ఎలిమెంట్" ను ఉపయోగిస్తాను. నేను "ట్యాగ్" ను ఉపయోగిస్తాను నేను నిజంగా కేవలం ఒకటి లేదా మరొకటి మాత్రమే సూచిస్తున్నాను. ఈ రెండు పదాల సరైన ఉపయోగం, మరియు నేను వాటిని సరిగా ఉపయోగించుకోవాలని ప్రోత్సహిస్తున్నాను - కానీ మీరు వాటిని కొంచెం తప్పు చేసి, మీ బిట్లను మార్చివేస్తే, మీ కొత్త వెబ్ అభివృద్ధి సహచరులు అర్థం చేసుకోవచ్చు!
జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. 7/21/17 న జెరెమీ గిరార్డ్చే సవరించబడింది
-
-