HTML DOCTYPE
HTML DOCTYPE అంటే ఏమిటి?
HTML document ప్రారంభంలో ఉపయోగించే declaration ను DOCTYPE అంటారు. ఇది browser కు ఈ document ఏ HTML standard ను అనుసరిస్తుందో తెలియజేస్తుంది.
HTML5 లో సాధారణంగా <!DOCTYPE html> declaration ను document మొదటి line గా రాస్తారు. ఇది closing tag లేని declaration, కాబట్టి దీనికి ప్రత్యేకమైన closing syntax అవసరం లేదు.
DOCTYPE ఎందుకు అవసరం?
- Browser కు document ను standards mode లో render చేయమని సూచిస్తుంది.
- వివిధ browsers లో page ప్రవర్తన ఒకే విధంగా ఉండటానికి సహాయపడుతుంది.
- పాత rendering విధానాల వల్ల వచ్చే layout సమస్యలను తగ్గిస్తుంది.
- ఇది HTML element కాదు; document type declaration.
DOCTYPE యొక్క సరైన స్థానం
<!DOCTYPE html> declaration ఎల్లప్పుడూ HTML document లో మొదటి line గా ఉండాలి. దాని తరువాత <html> element వస్తుంది.
Simple Explanation
DOCTYPE ను ఒక పుస్తకం మొదటి పేజీలో ఉన్న edition గుర్తు లాగా భావించవచ్చు. Browser కు ఈ page ఆధునిక HTML5 నియమాలను అనుసరిస్తుందని <!DOCTYPE html> చెబుతుంది.
HTML5 కోసం చిన్నగా మరియు సులభంగా రాయగలిగే declaration <!DOCTYPE html>.
Real-Life Example
ఒక పాఠశాల పుస్తకం మొదటి పేజీలో అది ఏ తరగతికి, ఏ syllabus కు చెందినదో రాసి ఉంటుంది. అదే విధంగా HTML document మొదట్లో <!DOCTYPE html> declaration ఉంటే browser కు document standard గురించి సమాచారం లభిస్తుంది.
Code Examples
సరైన HTML5 DOCTYPE
<!DOCTYPE html>
<html lang="en">
<head>
<title>DOCTYPE Example</title>
</head>
<body>
<h1>HTML5 Document</h1>
<p>This page uses the HTML5 DOCTYPE.</p>
</body>
</html>ఈ ఉదాహరణలో <!DOCTYPE html> మొదటి line లో ఉంది. తరువాత <html>, <head>, <title>, <body> elements document structure ను ఏర్పరుస్తాయి.
The browser displays HTML5 Document as a large heading and This page uses the HTML5 DOCTYPE. as a paragraph.
DOCTYPE లేకుండా document
<html lang="en">
<head>
<title>Without DOCTYPE</title>
</head>
<body>
<h1>Browser Rendering</h1>
<p>This document has no DOCTYPE declaration.</p>
</body>
</html>ఈ code లో <!DOCTYPE html> declaration లేదు. అందువల్ల browser standards mode బదులుగా పాత compatibility mode ను ఉపయోగించే అవకాశం ఉంటుంది.
The browser displays Browser Rendering as a large heading and This document has no DOCTYPE declaration. as a paragraph.
Line-by-Line Explanation
ఇది HTML5 document type declaration. దీన్ని document మొదటి line గా రాయాలి.
ఇది మొత్తం HTML document ను కలిగి ఉండే root element. <html> ఒక HTML element కాబట్టి visible text లో escape చేసి చూపించాలి.
ఈ line లో document కు సంబంధించిన metadata భాగం ప్రారంభమవుతుంది.
<title> browser tab లో కనిపించే పేరును నిర్వచిస్తుంది.
ఇది <head> element కు closing tag.
Browser window లో కనిపించే content ఈ <body> element లో ఉంటుంది.
<h1> ప్రధాన heading ను చూపిస్తుంది.
<p> ఒక paragraph ను నిర్వచిస్తుంది.
ఇది <body> element కు closing tag.
ఇది మొత్తం <html> element కు closing tag.
Try It
Try this HTML code:
<!DOCTYPE html>
<html lang="te">
<head>
<title>My HTML5 Page</title>
</head>
<body>
<h1>HTML5 Page</h1>
<p>Learning the DOCTYPE declaration.</p>
</body>
</html>Practice
Practice: ప్రారంభ code లోని <h1> text ను HTML5 Practice గా మార్చి, <p> లో DOCTYPE గురించి ఒక English sentence రాయండి.
Hint: మొదటి line లో <!DOCTYPE html> అలాగే ఉంచండి. <h1> మరియు <p> మధ్య ఉన్న text ను మాత్రమే మార్చండి.
Common Mistakes
<!DOCTYPE html> ను ఎటువంటి ఇతర content కంటే ముందుగా, మొదటి line లో రాయాలి.
HTML5 లో సరళమైన <!DOCTYPE html> declaration ను ఉపయోగించాలి.
DOCTYPE document declaration కాబట్టి అది <html> element కంటే ముందే ఉండాలి; <body> లోపల కాదు.
<!DOCTYPE html> ఒక declaration మాత్రమే. దీనికి </DOCTYPE> వంటి closing tag అవసరం లేదు.
Interview Questions
HTML లో DOCTYPE అంటే ఏమిటి?
Answer: DOCTYPE అంటే Document Type Declaration. ఇది browser కు document ఏ HTML standard ను అనుసరిస్తుందో తెలియజేస్తుంది.
HTML5 లో సరైన DOCTYPE syntax ఏమిటి?
Answer: HTML5 లో సరైన syntax <!DOCTYPE html>.
DOCTYPE ను HTML document లో ఎక్కడ ఉంచాలి?
Answer: DOCTYPE declaration ను document మొదటి line గా, <html> element కంటే ముందుగా ఉంచాలి.
DOCTYPE ఒక HTML element అవుతుందా?
Answer: కాదు. <!DOCTYPE html> ఒక document type declaration, HTML element కాదు.
Exam Questions
HTML5 document కోసం సరైన DOCTYPE declaration ను రాయండి.
Answer:
సరైన declaration: <!DOCTYPE html>
DOCTYPE declaration ఉపయోగం ఏమిటి?
Answer:
Browser document ను standards mode లో render చేయడానికి మరియు HTML standard ను గుర్తించడానికి DOCTYPE declaration ను ఉపయోగిస్తుంది.
DOCTYPE లేకపోతే ఏమి జరగవచ్చు?
Answer:
Browser quirks mode లేదా compatibility mode లో page ను render చేయవచ్చు. దీని వల్ల browsers మధ్య layout మరియు styling తేడాలు రావచ్చు.
Quick Revision
- DOCTYPE అంటే Document Type Declaration.
- HTML5 కోసం సరైన declaration <!DOCTYPE html>.
- DOCTYPE document మొదటి line గా ఉండాలి.
- DOCTYPE ఒక HTML element కాదు.
- DOCTYPE కు closing tag అవసరం లేదు.
- DOCTYPE browser ను standards mode లో render చేయడానికి సహాయపడుతుంది.