కొన్ని స 0 వత్సరాల క్రిత 0 సన్నివేశ 0 లో HTML5 స 0 భవి 0 చినప్పుడు, అది లా 0 గ్కు క్రొత్త విభాగపు మూలాలను జతచేస్తూ,SECTION మూలకం. HTML5 పరిచయం చేసే కొత్త అంశాల్లో స్పష్టమైన ఉపయోగాలున్నాయి. ఉదాహరణకు, మూలకం ఒక వ్యాసాలను మరియు వెబ్ పేజీ యొక్క ప్రధాన భాగాలను నిర్వచించడానికి ఉపయోగించబడుతుంది, మిగిలిన అంశానికి క్లిష్టమైనది కాదు మరియు శీర్షిక, nav మరియు ఫుటరు అనేవి సంబంధిత స్వీయ-వివరణాత్మకమైనవి. కొత్తగా జోడించబడిందిSECTION మూలకం, అయితే, ఒక బిట్ తక్కువ స్పష్టమైన ఉంది.
చాలా మంది ప్రజలు HTML మూలకాలు నమ్ముతారు SECTION మరియు ఒక వెబ్ పుటలోని కంటెంట్ను కలిగి ఉండటానికి ఉపయోగించే ఇదే సాధారణ-సాధారణ కంటైనర్ మూలకాలు. రియాలిటీ, అయితే, ఈ రెండు అంశాలు, రెండు కంటైనర్ మూలకాలు ఉండగా, కానీ సాధారణ ఉన్నాయి. రెండు ఉపయోగించడానికి ప్రత్యేక కారణాలు ఉన్నాయి SECTION మూలకం మరియు DIV మూలకం - మరియు ఈ వ్యాసం ఆ తేడాలు వివరిస్తుంది.
విభాగాలు మరియు విభాగాలు
ది SECTION మూలకం మరొక నిర్దిష్ట రకం (వ్యాసం లేదా పక్కన) కాదు వెబ్ పేజీ లేదా సైట్ యొక్క సెమాంటిక్ విభాగం వలె నిర్వచించబడింది. నేను పేజీ యొక్క ప్రత్యేకమైన విభాగాన్ని గుర్తించేటప్పుడు ఈ మూలకాన్ని ఉపయోగించుకుంటాను - టోకుని తరలించి, ఇతర పేజీలలో లేదా సైట్ యొక్క భాగాలలో ఉపయోగించబడే ఒక విభాగం. మీరు కావాలనుకుంటే ఇది కంటెంట్ యొక్క ప్రత్యేకమైన భాగాన్ని లేదా కంటెంట్ యొక్క "విభాగం".
దీనికి విరుద్ధంగా, మీరు వాడతారు DIV మీరు విభజన చేయదలిచిన పేజీ యొక్క భాగాలకు మూలకం, కానీ సెమాంటిక్స్ కంటే ఇతర ప్రయోజనాల కోసం. నేను CSS తో ఉపయోగించడానికి ఒక "హుక్" ఇవ్వాలని పూర్తిగా చేస్తున్న ఉంటే నేను ఒక విభాగంలో కంటెంట్ ప్రాంతం మూసివేయాలని ఉంటుంది. ఇది సెమాంటిక్స్పై ఆధారపడిన కంటెంట్ యొక్క ప్రత్యేక విభాగంగా ఉండకపోవచ్చు, కానీ నా పేజీకి కావలసిన లేఅవుట్ను సాధించడానికి నేను ఆధ్వర్యంలో ఉంటాను.
ఇది అన్ని సెమంటిక్స్ గురించి
ఇది అర్థం చేసుకోవడానికి ఒక కఠినమైన భావన, కానీ మధ్య తేడా మాత్రమే DIV మూలకం మరియు SECTION మూలకం సెమాంటిక్స్. ఇతర మాటలలో, అది అర్థం మీరు విభజన చేస్తున్న కోడ్ యొక్క విభాగం.
ఏ లోపల ఉన్న ఏదైనా కంటెంట్ DIV మూలకం ఏ స్వాభావిక అర్ధం లేదు. ఇది వంటి విషయాలను ఉత్తమంగా ఉపయోగిస్తారు:
- CSS శైలులను CSS శైలులు మరియు hooks
- లేఅవుట్ కంటైనర్లు
- JavaScript హుక్స్
- సులభంగా చదవడానికి HTML కోసం విభాగాలు
ది DIV మన పత్రాలను శైలికి హుక్స్గా జోడించడం మరియు స్తంభాలు మరియు ఫాన్సీ లేఅవుట్లు సృష్టించడానికి మాత్రమే మూలకం ఉండే మూలకం. అందువల్ల, మేము HTML తో ముగించారు ఇది తో riddled DIV మూలకాలు-వెబ్ డిజైనర్లు "డివిటిస్" అని పిలవవచ్చు. వాడుతున్న WYSIWYG సంపాదకులు కూడా ఉన్నారు DIV ప్రత్యేకంగా మూలకం. నిజానికి నేను ఉపయోగిస్తున్న HTML అంతటా అమలు చేస్తున్నాను DIV బదులుగా పేరాగ్రాఫులకు మూలకం!
HTML5 తో, మేము మరింత సెమాంటిక్ వివరణాత్మక పత్రాలను (పేజీకి సంబంధించిన లింకులు కోసం మరియు వివరణాత్మక సంఖ్యలు కోసం మరియు అందువలన న) సృష్టించడానికి మరియు ఆ అంశాలపై శైలులను నిర్వచించడానికి సెక్షన్ ఎలిమెంట్లను ఉపయోగించడం ప్రారంభించవచ్చు.
SPAN ఎలిమెంట్ గురించి ఏమిటి?
వారు భావించినప్పుడు చాలామంది భావించే ఇతర మూలకం DIV మూలకం మూలకం. ఈ మూలకం, వంటి DIV, ఒక అర్థ మూలకం కాదు. ఇది కంటెంట్ ఇన్లైన్ బ్లాక్స్ (సాధారణంగా టెక్స్ట్) చుట్టూ శైలులు మరియు స్క్రిప్ట్లు కోసం హుక్స్లను జోడించడానికి మీరు ఉపయోగించే ఇన్లైన్ మూలకం. ఆ కోణంలో ఇది ఖచ్చితంగా ఉంది DIV మూలకం, కేవలం ఒక బ్లాక్ మూలకం కంటే ఇన్లైన్. కొన్ని మార్గాల్లో, ఇది ఆలోచించడం సులభం కావచ్చు DIV ఒక బ్లాక్ స్థాయి SPAN మూలకం మరియు మీరు అదే విధంగా అది ఉపయోగించడానికి SPAN మాత్రమే HTML కంటెంట్ మొత్తం బ్లాక్స్ కోసం.
HTML5 లో పోల్చదగిన ఇన్లైన్ విభాగీకరణ మూలకం లేదు.
ఇంటర్నెట్ ఎక్స్ప్లోరర్ యొక్క పాత సంస్కరణల కోసం
మీరు విశ్వసనీయంగా HTML5 గుర్తించని IE యొక్క నాటకీయంగా పాత సంస్కరణలు (IE 8 మరియు తక్కువ వంటివి) మద్దతు ఇస్తే, మీరు సెమాంటిక్ సరైన HTML ట్యాగ్లను ఉపయోగించడానికి బయపడకండి. సెమాంటిక్స్ మీరు మరియు మీ బృందం భవిష్యత్తులో పేజీని నిర్వహించడంలో సహాయపడతాయి (ఎందుకంటే మీరు ఆ విభాగాన్ని వ్యాసంలో ఉన్నట్లయితే, వ్యాసం మూలకం). అదనంగా, ఆ ట్యాగ్లను గుర్తించే బ్రౌజర్లు వాటిని ఉత్తమంగా సమర్ధించగలవు.
మీరు ఇప్పటికీ ఇంటర్నెట్ ఎక్స్ప్లోరర్తో HTML5 అర్థ విభాగీకరణ అంశాలను ఉపయోగించవచ్చు, మీరు కేవలం స్క్రిప్టింగ్ మరియు కొన్ని పరిసరాలను జోడించవచ్చు DIV మూలకాలు HTML గా గుర్తించటానికి వాటిని పొందడానికి.
DIV మరియు SECTION ఎలిమెంట్స్ ఉపయోగించి
మీరు వాటిని సరిగ్గా వాడుతుంటే, మీరు రెండు ఉపయోగించవచ్చు DIV మరియు SECTION చెల్లుబాటు అయ్యే HTML5 డాక్యుమెంట్లో కలిసి ఉన్న అంశాలు. ఈ వ్యాసంలో మీరు చూసినట్లుగా, మీరు వాడతారు SECTION కంటెంట్ సెమాంటిక్ వివిక్త భాగాలు నిర్వచించడానికి మూలకం, మరియు మీరు ఉపయోగించే DIV CSS మరియు JavaScript కోసం hooks వంటి మూలకం అలాగే ఒక అర్థ అర్థం లేని లేఅవుట్ నిర్వచించు.
జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ 3/15/17 న సవరించబడింది
