పాత 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> | నమూనా ఉత్పత్తి |