HTML5 简介

ప్రతి చాప్టర్లో ఉన్న HTML5 ఉదాహరణలు

ఉదాహరణ

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 మీ బ్రౌజర్ వీడియో టాగ్ ను మద్దతు చేయలేదు.
</video>
</body>
</html>

స్వయంగా ప్రయత్నించండి

ఈ ఉదాహరణ ఎలా నడిచేదో చూడడానికి 'స్వయంగా ప్రయత్నించండి' నొక్కండి.

ఏమి హెచ్ఎంఎల్5 ఉంది?

HTML5 అత్యంత పరిణామం చెందిన HTML ప్రమాణం.

HTML5 ప్రత్యేకంగా సమృద్ధ వెబ్ కంటెంట్ను పరిచయం చేయడానికి రూపొందించబడింది మరియు అదనపు ప్లగ్ఇన్స్ లేకుండా.

HTML5 లో కొత్త సెమాంటిక్, గ్రాఫిక్ మరియు మీడియా ఎలిమెంట్స్ ఉన్నాయి.

HTML5 లో కొత్త ఎలిమెంట్స్ మరియు కొత్త API లతో వెబ్ అప్లికేషన్స్ నిర్మాణం సరళంగా చేయబడింది.

HTML5 ప్లాట్ఫారమ్ ఆధారితం కాగా, వివిధ రకాల హార్డ్వేర్ (PC, టాబ్లెట్, మొబైల్, టెలివిజన్ మొదలైనవి) పైన నడిచేలా రూపొందించబడింది.

పరిశీలన:క్రింది భాగాలలో, మీరు పాత వినియోగదారు బ్రౌజర్లను HTML5 ప్రాసెస్ చేయడానికి 'సహాయపడతారు' తెలుసుకుంటారు.

HTML5 లో కొత్త సమాచారం ఏమిటి?

HTML5 లో కొత్త పత్ర రకం (DOCTYPE) ప్రకటన కూడా చాలా సరళం ఉంది:

<!DOCTYPE html>
కొత్త అక్షరసమాంతరం (charset) ప్రకటన కూడా చాలా సరళం ఉంది:
<meta charset="UTF-8">

HTML5 ఉదాహరణ:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>పత్రం యొక్క శీర్షిక</title>
</head>
<body>
పత్రం యొక్క సమాచారం......
</body>
</html>

పరిశీలన:HTML5 లో మూలంగా అక్షరసమాంతరం UTF-8 ఉంటుంది.

HTML5 - కొత్త విశేషతల సింహాసనం

HTML5 ప్రమాణం 4 రకాల విశేషతల సింహాసనం అనుమతిస్తుంది.

本例演示在 标签中使用的不同语法:

类型 示例
Empty
Unquoted
Double-quoted
Single-quoted

在 HTML5 标准中,根据对属性的需求,可能会用到所有 4 种语法。

HTML5 - 新特性

HTML5 的一些最有趣的新特性:

  • 新的语义元素,比如
    ,
    ,
    , and
  • 新的表单控件,比如数字、日期、时间、日历和滑块。
  • 强大的图像支持(借由
  • 强大的多媒体支持(借由
  • 强大的新 API,比如用本地存储取代 cookie。

HTML5 - 被删元素

以下 HTML 4.01 元素已从 HTML5 中删除:

  • </li> <li><strike></li> <li><tt></li> </ul> </div> <div class="prenextnav"> <ul> <li> 上一页 <a href="/te/html/html_youtube.html" title="HTML YouTube 视频">HTML YouTube</a></li> <li> 下一页 <a href="/te/html/html5_browsers.html" title="HTML5 浏览器支持">HTML5 支持</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/te/tags/index.html">HTML 参考手册</a></h5> <h5 id="tools_example"><a href="/te/html/html_examples.html">HTML 实例</a></h5> <h5 id="tools_quiz"><a href="/te/html/html_quiz.html">HTML 测验</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 </p> <p id="p2"> <a href="/te/about/index.html" title="గురించి CodeW3C.com">గురించి CodeW3C.com</a> <a href="/te/about/about_helping.html" title="సహాయం CodeW3C.com">సహాయం CodeW3C.com</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/about/about_privacy.html" title="ప్రైవసీ గురించి">ప్రైవసీ నిబంధనలు</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="పవర్డ్ చేసిన Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>