పాత HTML అంశాలతో సహా మరియు HTML5 కు క్రొత్తవి
దాని అభివృద్ధి అనేక సంవత్సరాలు ముందు ప్రారంభమైనప్పటికీ, HTML5 మొదట 2010 లో వెబ్ డిజైనర్లు / డెవలపర్లతో సాధారణ ఉపయోగంలోకి రావడం ప్రారంభమైంది. గేట్ నుండి కుడివైపు, భాష అనేకమంది వెబ్ నిపుణులకు బాగా తెలుసు. ముందు వచ్చినదాని మీద నిర్మించబడింది. HTML 4.01 తెలిసిన ఎవరైనా త్వరగా ఆ వెర్షన్ యొక్క బిట్ ఇప్పుడు HTML5 లో కనుగొనబడింది కనుగొన్నారు.
కొంతకాలం HTML లో చుట్టూ ఉండే అనేక అంశాలను HTML5 కలిగి ఉన్నప్పటికీ, ఇది HTML5 కు క్రొత్త అంశాలను కలిగి ఉంది. ఈ నూతన అంశాల్లో చాలా మందికి, "ప్యూపింగ్స్ పివింగ్" అని పిలువబడే ఒక విధానం ఉపయోగించబడింది. ఈ పదం సాధారణంగా ప్రజలు ఇప్పటికే ఏమి చేస్తున్నారో చూద్దాం మరియు అలా చేయాలనే ఉద్దేశ్యంతో సాధారణంగా ఉపయోగిస్తారు. వెబ్ డిజైనర్ల విషయంలో, వారు ఇప్పటికే పేజీలను ఎలా నిర్మించారో మరియు ఆ కార్యక్రమాలపై కొత్త అంశాలపై నిర్ణయాలు తీసుకోవడం ఎలాగో అర్థం కావడం. ఉదాహరణకు, పలు వెబ్ నిపుణులు "శీర్షిక", "nav", మరియు "ఫుటరు" యొక్క ID లేదా క్లాస్ లక్షణాలను ఉపయోగించిన విభాగాలతో వెబ్సైట్లు తయారు చేస్తారు. అంతేకాక, HTML5 ఈ అంశాలను కొత్త అంశంగా పరిచయం చేసింది, వెబ్ నిపుణులు వారి విభాగానికి మరింత అర్ధాన్ని జోడించడం ద్వారా అంకితమైన విభాగీకరణ అంశాలని ఉపయోగించి కేవలం విభాగాలు కాకుండా. ప్రయోగాత్మక ఈ కలయిక మరియు ప్రస్తుత పద్ధతులను గుర్తించే ఒక విధానం వెబ్ డిజైన్ పరిశ్రమ ద్వారా త్వరగా స్వీకరించడానికి HTML5 కి సహాయపడింది.
HTML5 డాక్టప్
మొదటి ఆఫ్, ఏ కొత్త HTML5 అంశాలను ఉపయోగించడానికి, మీ పత్రం తప్పక HTML5 doctype ఉన్నాయి:
ఈ డాక్టప్ ప్రత్యేకంగా "HTML5" గురించి ప్రస్తావించలేదని మీరు గమనించవచ్చు, కానీ "html" గా వెర్షన్ను పేర్కొంటుంది. ఎందుకంటే ఈ డెక్టైప్ అనేది భాష యొక్క అన్ని నిరాకరణలకు ముందుకు వెళ్లడానికి ఉద్దేశించినది.
వాస్తవానికి, HTML5 భవిష్యత్తులో స్థిరమైన ప్రాతిపదికన జోడించబడుతున్న కొత్త మార్పులతో, భాష యొక్క చివరి సంఖ్యలో ఉన్నట్లు భావిస్తున్నారు. వాస్తవానికి, దిగువ జాబితాలోని కొన్ని అంశాలు 2010 లో ఆ ప్రారంభ పుష్ తర్వాత బాగా జోడించబడ్డాయి!
HTML5 టాగ్లు
| ట్యాగ్ | వివరణ |
|---|---|
| యాంకర్ లేదా లింక్ | |
| abbr> | సంక్షిప్తీకరణ |
| <చిరునామా> చిరునామా> | చిరునామా లేదా రచయిత యొక్క రచయితలు |
| క్లయింట్-వైపు చిత్రం మ్యాప్ | |
| | వ్యాసం |
| అస్థిరమైన కంటెంట్ | |
| ఆడియో ప్రసారం | |
| b> | బోల్డ్ |
| <బేస్> | పత్రంలోని అంశాలకు ఆధార URI మార్గాలు |
| bdo> | బై-డైరెక్షనల్ అల్గోరిథం |
blockquote> | లాంగ్ కొటేషన్ |
| body> | పేజీ యొక్క శరీరం |
| | లైన్ బ్రేక్ |
| HTML రూపం బటన్ | |
| <కాన్వాస్> కాన్వాస్> | డైనమిక్ గ్రాఫిక్స్ కోసం కాన్వాస్ |
| వ్యాఖ్య | |
| <శీర్షిక> శీర్షిక> | టేబుల్ శీర్షిక |
| cite> | citation |
code> | కోడ్ సూచన |
| <లోయ> | టేబుల్ కాలమ్ |
| | టేబుల్ కాలమ్ గుంపు |
| | పేజీలో కమాండ్ లేదా చర్య |
| డాక్యుమెంట్ టైప్ డెఫినిషన్ | |
| | డేటా గ్రిడ్ |
| ఇతర నియంత్రణలకు పూర్వనిర్వచిత ఎంపికలు | |
| | సంభాషణ వివరణ జాబితా లేదా వివరణ |
| | వచనం తొలగించబడింది |
| <వివరాలు> వివరాలు> | అదనపు డిమాండ్ సమాచారం |
| dfn> | నిర్వచనం |
| <డైలాగ్> డైలాగ్> | సంభాషణ |
| div> | లాజికల్ డివిజన్ |
| వివరణ జాబితా |
| | నిర్వచనం జాబితా పదం లేదా డైలాగ్ స్పీకర్ |
| em> | ఉద్ఘాటన |
| ప్లగ్ఇన్ల కోసం పొందుపరిచిన మూలకం | |
| ఫారమ్ నియంత్రణ సమూహం | |
| | |
| <ఫిగర్> figure> | ఐచ్ఛిక శీర్షికతో మూర్తి |
| పేజీ యొక్క ఫుటర్ | |
| ఫారం | |
h1> | మొదటి స్థాయి శీర్షిక |
h2> | రెండవ స్థాయి శీర్షిక |
h3> | మూడవ స్థాయి శీర్షిక |
h4> | నాల్గవ స్థాయి శీర్షిక |
h5> | ఐదవ స్థాయి శీర్షిక |
h6> | ఆరవ స్థాయి శీర్షిక |
| head> | పత్రం యొక్క హెడ్ |
| | పేజీ యొక్క శీర్షిక |
| hgroup> | సమూహం శీర్షిక |
| | క్షితిజ సమాంతర నియమం |
| html> | వెబ్ పేజీ యొక్క రూట్ మూలకం |
| i> | ఇటాలిక్స్ టెక్స్ట్ శైలి |
| ఇన్లైన్ ఫ్రేమ్ | |
| | చిత్రం |
| <ఇన్పుట్> | ఇన్పుట్ రూపం మూలకం |
| బటన్ రూపం మూలకం | |
| చెక్బాక్స్ రూపం మూలకం | |
| రంగు ఇన్పుట్ | |
| తేదీ ఇన్పుట్ | |
| గ్లోబల్ డేట్ మరియు ఇన్పుట్ ఇన్పుట్ | |
| స్థానిక తేదీ మరియు సమయం ఇన్పుట్ | |
| ఇమెయిల్ చిరునామా ఇన్పుట్ | |
| ఫైల్ ఎలిమెంట్ ను అప్లోడ్ చేయండి | |
| దాచిన ఫారమ్ ఫీల్డ్ మూలకం | |
| చిత్రం రూపం మూలకం | |
| సంవత్సరం మరియు నెల ఇన్పుట్ | |
| సంఖ్య ఇన్పుట్ | |
| పాస్వర్డ్ రూపం మూలకం | |
| రేడియో బటన్ రూపం మూలకం | |
| సంఖ్య ఇన్పుట్ను ప్రభావితం చేయండి | |
| <ఇన్పుట్ రకం = "రీసెట్"> | రీసెట్ బటన్ రూపం మూలకం |
| శోధన ఫీల్డ్ | |
| బటన్ రూపం మూలకం సమర్పించండి | |
| టెలిఫోన్ నంబర్ ఇన్పుట్ | |
| టెక్స్ట్ ఫీల్డ్ రూపం మూలకం | |
| సమయం ఇన్పుట్ | |
| URL ఇన్పుట్ | |
| సంవత్సరం మరియు వారం ఇన్పుట్ | |
| <ఇన్> ఇన్లు> | వచనం చేర్చబడింది |
| kbd> | యూజర్ ద్వారా నమోదు టెక్స్ట్ |
| | సర్టిఫికెట్ నిర్వహణ కోసం సురక్షిత కీలను రూపొందించండి |
| <లేబుల్> లేబుల్> | ఫారమ్ లేబుల్ |
| <లెజెండ్> లెజెండ్> | ఫారమ్ ఫీల్సెట్ శీర్షిక |
| | జాబితా అంశం |
| సంబంధిత పత్రాలకు లింక్ చేయండి | |
| | ఒక పేజీలోని కంటెంట్ యొక్క ప్రధాన ప్రాంతం |
| క్లయింట్-వైపు చిత్రం మ్యాప్ | |
| mark> | గుర్తించబడిన లేదా హైలైట్ టెక్స్ట్ |
| ఆదేశాల జాబితా | |
| పత్రం గురించి మెటా సమాచారం | |
| | స్కేలార్ గేజ్ |
| నావిగేషన్ లింక్లతో ఒక ప్రాంతం నిర్వచించండి | |
| స్క్రిప్ట్స్ అందుబాటులో లేనప్పుడు కంటెంట్ | |
| ప్రామాణికం కాని వస్తువు | |
| క్రమపరచబడిన లేదా సంఖ్యా జాబితా |
| ఎంపిక జాబితాలో ఎంపికల సమూహం | |
| ఎంపిక జాబితాలో ఎంపిక | |
| <అవుట్పుట్> అవుట్పుట్> | ఫారమ్ లెక్కింపు యొక్క ఫలితం |
| p> | పేరా |
| <పరమ్> | ఒక వస్తువు మూలకం యొక్క పారామీటర్ |
pre> | ముందు ఆకృతీకరణ టెక్స్ట్ |
| ప్రోగ్రెస్ ఇండికేటర్ | |
q> | చిన్న ఇన్లైన్ కొటేషన్ |
| <ఆర్పీ> ఆర్పీ> | రూబీ కుండలీకరణం |
| రూబీ టెక్స్ట్ | |
| <రూబీ> రూబీ> | రూబీ ఉల్లేఖనం |
| | స్ట్రైట్అవుట్ టెక్స్ట్ |
| samp> | నమూనా ఉత్పత్తి |