మరియు ARTICLE, ASIDE, మరియు DIV ఉపయోగించాల్సినప్పుడు
కొత్త HTML5 SECTION మూలకం కొంతవరకు గందరగోళంగా ఉంటుంది. మీరు HTML5 ముందు HTML పత్రాలను నిర్మిస్తున్నారు ఉంటే, అవకాశాలు మీరు ఇప్పటికే మీ పేజీల లోపల నిర్మాణ విభాగాలు సృష్టించడానికి మరియు అప్పుడు వారితో పేజీలు శైలి మూలకం ఉపయోగిస్తున్నారు. కనుక ఇది మీ ప్రస్తుత DIV ఎలిమెంట్లను SECTION అంశాలతో భర్తీ చేయడానికి ఒక సహజ విషయం వలె కనిపిస్తుంది. కానీ ఇది సాంకేతికంగా తప్పు. మీరు కేవలం DIV అంశాలను SECTION అంశాలతో భర్తీ చేయకపోతే, వాటిని సరిగ్గా ఎలా ఉపయోగించాలి?
SECTION ఎలిమెంట్ ఒక సెమాంటిక్ ఎలిమెంట్
అర్థం మొదటి విషయం SECTION మూలకం ఒక అర్థ అంశం. దీని అర్ధం ఏమిటంటే దానికి సంబంధించిన యూజర్ ఏజెంట్లు మరియు మానవులు రెండింటికి సంబంధించిన అంశాల గురించి ప్రత్యేకించి పత్రంలోని విభాగం.
ఇది చాలా సాధారణ అర్థ వివరణ వలె అనిపిస్తుంది, ఎందుకంటే ఇది ఉంది. SECTION మూలకాన్ని ఉపయోగించే ముందు మీ కంటెంట్కు మరింత అర్థవివరణలు అందించే ఇతర HTML5 మూలకాలు ఉన్నాయి:
- వ్యాసం
- పక్కన
- NAV
SECTION ఎలిమెంట్ ను ఎప్పుడు ఉపయోగించాలో
కంటెంట్ ఒంటరిగా నిలబడటానికి మరియు వ్యాసం లేదా బ్లాగ్ పోస్ట్ వంటి సిండికేట్ చేయగల సైట్ యొక్క స్వతంత్ర భాగం అయినప్పుడు ARTICLE మూలకాన్ని ఉపయోగించండి. పేజీ యొక్క కంటెంట్ లేదా సైడ్బార్లు, ఉల్లేఖనాలు, ఫుట్నోట్స్ లేదా అనుబంధిత సైట్ సమాచారం వంటి కంటెంట్కు సంబంధించిన విషయం టాండెన్షియల్గా సంబంధితమైనప్పుడు ASIDE మూలకాన్ని ఉపయోగించండి. నావిగేషన్ అయిన కంటెంట్ కోసం NAV మూలకాన్ని ఉపయోగించండి.
SECTION మూలకం ఒక సాధారణ అర్థ మూలకం. ఇతర పదార్ధ కంటైనర్ మూలకాలలో దేనినీ సరిగ్గా లేనప్పుడు మీరు దాన్ని ఉపయోగించుకోవచ్చు. మీరు మీ పత్రం యొక్క భాగాలను కలిసి వివిక్త యూనిట్లతో కలపడానికి దాన్ని ఉపయోగించుకుంటారు. మీరు ఒకటి లేదా రెండు వాక్యాలలోని విభాగాలను వివరించలేక పోతే, మీరు బహుశా మూలకాన్ని ఉపయోగించకూడదు.
బదులుగా, మీరు DIV మూలకాన్ని ఉపయోగించాలి. DIV HTML5 లో మూలకం ఒక అర్థ-కాని కంటైనర్ మూలకం. మీరు మిళితం చేయడానికి ప్రయత్నిస్తున్న కంటెంట్ సెమాంటిక్ అర్ధాన్ని కలిగి ఉండకపోయినా, మీరు ఇంకా స్టైలింగ్ కోసం మిళితం కావాలి, అప్పుడు DIV మూలకం ఉపయోగించడానికి తగిన మూలకం.
SECTION ఎలిమెంట్ ఎలా పనిచేస్తుంది
మీ పత్రం యొక్క విభాగం కథనాలకు మరియు ASIDE అంశాలకు బాహ్య కంటైనర్గా కనిపిస్తుంది. ఇది ARTICLE లేదా ASIDE లో భాగమైన కంటెంట్ను కూడా కలిగి ఉంటుంది. ARTICLE, NAV, లేదా ASIDE లోపల ఒక SECTION మూలకాన్ని కూడా కనుగొనవచ్చు. మీరు కూడా ఒక గూగుల్ విభాగపు కంటెంట్ యొక్క ఒక సమూహం, ఒక వ్యాసం లేదా మొత్తం పేజీలోని ఒక విభాగపు మరొక విభాగానికి చెందిన ఒక విభాగం అని సూచిస్తుంది.
SECTION మూలకం డాక్యుమెంట్ యొక్క అవుట్లైన్ లోపల అంశాలను సృష్టిస్తుంది. అలాగే, మీరు ఎల్లప్పుడూ విభాగంలో భాగంగా హెడ్ మూలకం (H6 ద్వారా H1) కలిగి ఉండాలి. మీరు విభాగం కోసం ఒక శీర్షిక తో రాలేక పోతే, మళ్ళీ DIV మూలకం బహుశా మరింత సరైనది. మీరు విభాగంలో శీర్షిక పేజీలో కనిపించకూడదని గుర్తుంచుకోండి, మీరు ఎల్లప్పుడూ CSS తో దీన్ని మాస్క్ చేయవచ్చు.
SECTION ఎలిమెంట్ ఉపయోగించకూడదు
పైన ఉన్న నిర్దిష్టమైన పదార్ధ అంశాలని ఉపయోగించుట పైన ఉన్న సలహా పైన, మీరు SECTION మూలకాన్ని ఉపయోగించకూడని ఒక ఖచ్చితమైన ప్రదేశం ఉంది: శైలిని మాత్రమే.
ఇంకొక మాటలలో, మీరు ఆ స్థలంలో ఒక మూలకాన్ని ఉంచడం వలన CSS శైలి లక్షణాలను జోడించాలంటే, మీరు SECTION మూలకాన్ని ఉపయోగించకూడదు. ఒక అర్థ మూలకాన్ని కనుగొనండి లేదా బదులుగా DIV మూలకాన్ని ఉపయోగించండి.
అంతిమంగా ఇది మేటర్స్ కాదు
సిమెంటిక్ HTML ను వ్రాసేటప్పుడు కష్టంగా ఉండటం అంటే నాకు అర్థశక్తి అంటే మీకు పూర్తిగా అర్ధం కాదు. మీరు మీ పత్రాల్లో SECTION మూలకాన్ని ఉపయోగించి సమర్థించవచ్చని భావిస్తే, మీరు దీన్ని ఉపయోగించాలి. చాలా యూజర్ ఏజెంట్లు పట్టించుకోరు మరియు మీరు శైలి ఒక DIV లేదా ఒక విభాగం అని మీరు ఆశించే విధంగా పేజీ ప్రదర్శిస్తుంది.
సెమాంటిక్లీ సరైనది కావాలనుకునే డిజైనర్ల కోసం, SECTION మూలకాన్ని అర్థశీలంగా చెల్లుబాటు అయ్యే మార్గంలో ఉపయోగించడం ముఖ్యం. కేవలం వారి పేజీల పని చేయాలనుకునే రూపకర్తలకు, ఇది అంత ముఖ్యమైనది కాదు. నేను సెమాంటికల్ చెల్లుబాటు అయ్యే HTML రచన మంచి అభ్యాసం మరియు పేజీలు భవిష్యత్తులో proofed ఉంచుతుంది నమ్మకం. కానీ చివరికి అది మీ ఇష్టం.