HTML5 浏览器支持

మీరు పాత బ్రౌజర్లకు HTML5 ప్రాసెస్ చేయవచ్చు.

HTML5 浏览器支持

అన్ని ఆధునిక బ్రౌజర్లు HTML5 ను మద్దతు ఇస్తాయి.

అలాగే, అన్ని బ్రౌజర్లు, కొత్తవి లేదా పాతవి, గుర్తించని కెమెల్స్కు నిర్వహించడానికి స్వయంచాలకంగా బ్లాక్ కెమెల్స్కు చేస్తాయి.

ఈ కారణంగా, మీరు పాత బ్రౌజర్లను "తెలియని" HTML కెమెల్స్కు నిర్వహించడానికి సహాయపడవచ్చు.

గమనిక:మీరు కూడా పాలుపంచుకున్న ఇస్కోలాస్టిక్ ఐఈ6 కు తెలియని HTML కెమెల్స్కు నిర్వహించడానికి శిక్షణ ఇవ్వవచ్చు.

హెచ్చరణాత్మక HTML5 కెమెల్స్కు బ్లాక్ కెమెల్స్కు నిర్వచించండి

HTML5 అనేక కొత్త హెచ్చరణలను నిర్వచించిందిహెచ్చరణాత్మక అన్ని హెచ్చరణాత్మక హెచ్చరణలు ఉన్నాయిబ్లాక్ కెమెల్స్కు.కెమెల్స్కు.

మీరు CSS ద్వారా కొనియెర్చవచ్చు display అన్ని పరిమితిని blockతప్పనిసరిగా పాత బ్రౌజర్లలో సరైన ప్రవర్తన కోసం:

ఉదాహరణ

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

కొత్త కెమెల్స్కు జోడించడం

మీరు బ్రౌజర్ ట్రిక్స్ ద్వారా ఏ కొత్త కెమెల్స్కు జోడించవచ్చు:

ఈ ఉదాహరణ హెచ్చిన హెచ్చరణను HTML కు జోడించింది పేరుతో <myHero> కొత్త కెమెల్స్కు స్టైల్స్ నిర్వచించడానికి మరియు దానికి display స్టైల్స్ నిర్వచించండి:

ఉదాహరణ

<!DOCTYPE html>
<html>
<head>
  <title>Creating an HTML Element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  } 
  </style> 
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>

亲自试一试

జోడించబడిన JavaScript పద్యం document.createElement("myHero")మాత్రమే IEకు వర్తిస్తుంది.

ఇంటర్నెట్ ఎక్స్ప్లోరర్ సమస్యలు

పైని పరిష్కారం అన్ని కొత్త HTML5 కెమెల్స్కు వాడవచ్చు, కానీ:

గమనిక:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది సంస్కరణలు, తెలియని కెమెల్స్కు స్టైల్స్ జోడించకుండా అనుమతించవు.

అదే మాటలు, Sjoerd Visscher "HTML5 Enabling JavaScript" అనే పేరుతో సృష్టించాడు, "the shiv":

<![if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

ఈ కోడు ఒక పద్యం ఉంది, కానీ IE9 ప్రారంభ సంస్కరణలు దాన్ని చదువుతాయి (మరియు అర్థం చేసుకుంటాయి).

పూర్తి శివ్ పరిష్కారం

ఉదాహరణ

<!DOCTYPE html>
<html>
<head>
  <title>Styling HTML5</title>
  <![if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
<h1>నా మొదటి వ్యాసం</h1>
<article>
లండన్ ఇంగ్లాండ్‌కు రాజధాన నగరం. 
ఇది యునైటెడ్ కింగ్‌డమ్‌లో అత్యంత జనావాసి నగరం. 
కార్యక్రమప్రాంతంలో 13 మిలియన్లకు పైగా నివాసితులు ఉన్నారు.
</article>
</body>
</html>

亲自试一试

shiv కోడ్‌ను ఉపయోగించే లింకులు <head> ఎలమెంట్‌లో ఉండాలి, ఎందుకంటే ఇంటర్నెట్ ఎక్స్‌ప్లోరర్ కు కొత్త ఎలమెంట్లను పఠించడానికి ముందు అవసరమవుతుంది.

HTML5 Skeleton

ఉదాహరణ

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Skeleton</title>
<meta charset="utf-8">
<![if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
</script>
<![endif]-->
<style>
body {font-family: Verdana, sans-serif; font-size:0.8em;}
header,nav, section,article,footer
{border:1px solid grey; margin:5px; padding:8px;}
nav ul {margin:0; padding:0;}
nav ul li {display:inline; margin:5px;}
</style>
</head>
<body>
<header>
  <h1>HTML5 SKeleton</h1>
</header>
<nav>
<ul>
  <li><a href="html5_semantic_elements.asp">HTML5 సెమాంటిక్</a></li>
  <li><a href="html5_geolocation.asp">HTML5 Geolocation</a></li>
  <li><a href="html5_canvas.asp">HTML5 Graphics</a></li>
</ul>
</nav>
<section>
<h1>Famous Cities</h1>
<article>
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</article>
<article>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</article>
<article>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.
</article>
</section>
<footer>
<p>© 2016 CodeW3C.com. All rights reserved.</p>
</footer>
</body>
</html>

亲自试一试