AI智能应用开发（Java）
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
跨境电商
电商视觉设计
软件测试
新媒体+短视频
集成电路应用开发
C/C++
狂野架构师
IP短视频
HTML5的基本格式【前端技术文章】
更新时间:2020年10月27日18时18分 来源:澳门大阳城APP入口 浏览次数:
学习任何一门语言都要掌握它的基本格式，就像写信需要符合书信的格式要求一样。想要学习HTML5，同样需要掌握HTML5的基本格式。本节将通过和XHTML结构的对比，讲解HTML5文档的基本格式。
使用Dreamweaver新建XHTML文档，默认文档时会自带一些代码，如图1所示
、<meta>、<link>及<style>等，用来描述文档的标题、作者，以及与其他文档的关系。<br />
<h4><strong> 4.</strong><strong><body></strong></h4>
<body>用于定义HTML文档所要显示的内容，也被称为主体标签。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于内，才能最终展示给用户。<br />
需要注意的是，一个HTML文档只能含有一对<body>，且<body>必须在<html>内，位于<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>之后，与<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>是并列关系。<br />
在HTML5版本中，文档格式有了一些的变化。HTML5在文档类型声明与跟标签上做了简化，简化后的文档格式如图2所示。
<div style="text-align: center;"><img alt="" src="http://www.itcast.cn/files/image/202010/20201027181445711.png" style="width: 432px; height: 196px;" /></div>
<div style="text-align: center;">图 2 HTML5文档基本格式</div>
值得一提的是，除了上述的文档结构标签外，HTML5还简化了标签，让定义字符编码的格式变得更加简单。<br />
<br />
<br />
<strong>猜你喜欢：</strong>
<p><a href="http://www.itcast.cn/news/20201023/15341326183.shtml">编程中的Javascript能用来做什么?Javascript的发展历史</a></p>
<p><a href="http://www.itcast.cn/news/20200908/17231826697.shtml">【Js代码进阶知识点】正确区分箭头函数和普通函数</a></p>
<p><a href="http://web.itheima.com">黑马程序员web前端培训课程 </a></p>
<p><a href="http://web.itcast.cn">澳门大阳城APP入口web前端培训课程 </a></p>
</div>
</div>
<div class="botpage clears">
<a href="/news/20201027/17423488077.shtml" class="prev"><b>上一篇：</b>如何使用选择器获取元素？常用的jQuery选择器列举</a>
<a href="/news/20201028/14224995314.shtml" class="next"><b>下一篇：</b>表格标签的特点，如何在HTML网页中创建表格？</a>
</div>
<!--相关阅读-->
<div class="reader_con">
<div class="re_con fl recon_new">
<h2>最新资讯</h2>
<ul>
<li>
<a href="/news/20240223/10512549668.shtml" target="_blank">
<p>CORS代表什么以及它解决什么问题?</p>
<span>2024-02-23</span>
</a>
</li>
<li>
<a href="/news/20240223/10180289537.shtml" target="_blank">
<p>ClickHouse的核心特性是什么?</p>
<span>2024-02-23</span>
</a>
</li>
<li>
<a href="/news/20240222/10410683716.shtml" target="_blank">
<p>Flink如何计算实时的topN?</p>
<span>2024-02-22</span>
</a>
</li>
<li>
<a href="/news/20240222/10150452706.shtml" target="_blank">
<p>UEditor有哪些常用方法?</p>
<span>2024-02-22</span>
</a>
</li>
<li>
<a href="/news/20240221/10291138223.shtml" target="_blank">
<p>JS中，判断一个值是什么类型有哪些方法?</p>
<span>2024-02-21</span>
</a>
</li>
<li>
<a href="/news/20240221/1004091203.shtml" target="_blank">
<p>Kafka并不支持主写从读(读写分离)，这是为什么呢?</p>
<span>2024-02-21</span>
</a>
</li>
</ul>
</div>
<div class="re_con fr recon_relevant">
<h2>相关阅读</h2>
<ul>
<li>
<a href="/news/20201023/14064012612.shtml" target="_blank">
<p>浏览器介绍，前端开发过程中使用哪个浏览器更好?</p>
<span>2020-10-23</span>
</a>
</li>
<li>
<a href="/news/20201023/13521010276.shtml" target="_blank">
<p>Css是什么？它的优点有哪些？</p>
<span>2020-10-23</span>
</a>
</li>
<li>
<a href="/news/20201022/18163950704.shtml" target="_blank">
<p>Web开发兼顾多个版本浏览器的通用方法？</p>
<span>2020-10-22</span>
</a>
</li>
<li>
<a href="/news/20201021/18052170543.shtml" target="_blank">
<p>HTML在网页设计中是什么作用？</p>
<span>2020-10-21</span>
</a>
</li>
<li>
<a href="/news/20201021/16320312231.shtml" target="_blank">
<p>html网页设计常用的名词有哪些？</p>
<span>2020-10-21</span>
</a>
</li>
<li>
<a href="/news/20201020/15192059947.shtml" target="_blank">
<p>Js变量命名规范【澳门大阳城APP入口】</p>
<span>2020-10-20</span>
</a>
</li>
</ul>
</div>
</div>
<!--百度分享代码-->
<!-- 百度分享代码 -->
<style>
.bdsharebuttonbox{display: none;}
.bdsharebuttonbox .dianzan{
float: right;
height: 26px;
line-height: 26px;
border: 1px solid #f6f7f8;
padding: 0px 17px 0px 38px;
background: url(http://yun.itheima.com/Root/images/spjc_zan.jpg) no-repeat 16px 3px;
background-size: 15px;
border-radius: 50px;
font-size: 14px;
color: #6e6e6e;
cursor: pointer;
display: inline-block;
margin-bottom: 11px;
}
.bdsharebuttonbox .dianzan.cur{background-image: url(http://yun.itheima.com/Root/images/spjc_zanhover.jpg);}
.bdsharebuttonbox img{width: 22px;cursor: pointer;margin: 0 5px;}
</style>
<div class="bshare-custom bdsharebuttonbox" id="bdsharebuttonbox"><span class="dianzan">0</span>
<em style="font-style: inherit;float: left;line-height: 23px;">分享到：</em>
<img class="-mob-share-weibo" src="/2020gw/images/wz_weibo.png"/>
<img class="-mob-share-qzone" src="/2020gw/images/wz_qqkj.png"/>
<img class="-mob-share-weixin" src="/2020gw/images/wz_weixin.png"/>
</div>
<script id="-mob-share" src="//f1.webshare.mob.com/code/mob-share.js?appkey=34ac61133a544"></script>
<div class="menu"></div>
<style>
#content{padding-right:102px;}
.menu{display:none;width:200px; background:#fff; border-radius:4px; position:fixed;top: 208px; margin-left: -252px; padding:6px;box-shadow: 0 0 12px rgba(0,0,0,.06); max-height: 746px;overflow-y: auto;}
.menu::-webkit-scrollbar {width: 6px;height: 1px;}
.menu::-webkit-scrollbar-thumb {width: 6px;border-radius: 5px;background: #E8E8F5;}
.menu::-webkit-scrollbar-track{width: 6px;height: 1px;}
.menu a{width:100%; height:30px; line-height:30px; display:inline-block;overflow: hidden;font-size: 12px;}
.menu a:hover{color:#D72502}
@media screen and (max-width: 1650px){
.menu{width:0px;padding:0px;overflow:hidden;}
}
.sub_l .img_big{cursor: pointer;}
.imgbigmask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;cursor: pointer;}
.imgbigmask .imgbigmask_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.imgbigmask .imgbigmask_con{position: absolute;left: 50%;top: 50%;width: 90%;max-height: 85%;overflow-y: auto;transform: translate(-50%,-50%);}
.imgbigmask .imgbigmask_con::-webkit-scrollbar {width: 5px;height: 1px;}
.imgbigmask .imgbigmask_con::-webkit-scrollbar-thumb {width: 5px;background: #ccc;}
.imgbigmask .imgbigmask_con::-webkit-scrollbar-track{width: 5px;height: 1px;}
.imgbigmask .imgbigmask_con img{display: block !important;max-width: 100%;margin: 0 auto;}
</style>
<script>
$(document).ready(function(e) {
$(".menu").append("<a href='javascript:;' style='text-indent:1.5' >目录</a>");
$(".sub_txt").children().each(function(index, element) {
var tagName=$(this).get(0).tagName;
if( tagName=='HR'){
return;
}
if(tagName.substr(0,1).toUpperCase()=="H"){
var contentH=$(this).text();//获取内容
var markid="mark-"+tagName+"-"+index.toString();
$(this).attr("id",markid);//为当前h标签设置id
let spaceNum = "";
if (tagName === 'H1') {
spaceNum = "";
} else if (tagName === 'H2') {
spaceNum = "1.5";
} else if (tagName === 'H3') {
spaceNum = "3";
} else if (tagName === 'H4') {
spaceNum = "4.5";
} else if (tagName === 'H5') {
spaceNum = "6";
} else if (tagName === 'H6') {
spaceNum = "7.5";
}
spaceNum+="em";
$(".menu").append("<a href='#"+markid+"' title='"+contentH+"' style='text-indent:"+spaceNum+"'>"+contentH+"</a>");
$(".menu").show();
}
});
});
$(".menu").on("click","a", function(){
$(this).css({"color":"#D72502"}).siblings().css({"color":"#333"});
});
$(window).scroll(function(){
var wtop = $(window).scrollTop();
var slidet2 = 208-wtop;
if(wtop>197){
$(".menu").css({"top":"11px"});
}else{
$(".menu").css({"top":slidet2});
}
});
$(".sub_l").append('<div class="imgbigmask" style="display: none;"><div class="imgbigmask_bg"></div><div class="imgbigmask_con"><img src=""></div></div>');
$(".sub_l .img_big").click(function(){
var picimg = $(this).attr("src");
$(".sub_l .imgbigmask_con img").attr("src",picimg);
$(".sub_l .imgbigmask").show();
});
$(".sub_l").on("click",".imgbigmask",function(){
$(".sub_l .imgbigmask").hide();
});
</script>
<!--百度分享代码-->
</div>
<div class="new_r">
<div class="new_top"><p class="ajavaee"><a href="http://java.itcast.cn" target="_blank"><img alt="Java高级软件工程师课程" src="http://www.itheima.com/images/newslistPIC/1673602892815_官网文章列表.jpg" style="width: 230px; height: 148px;" /></a><span>javaee</span></p>
<p class="apython"><a href="/python/" target="_blank"><img alt="Python大数据课程" src="http://www.itheima.com/images/newslistPIC/1714628527388_学科列表页面右侧广告图.jpg" style="width: 230px; height: 148px;" /></a><span>python</span></p>
<p class="aweb"><a href="/web/" target="_blank"><img alt="web前端课程全薪升级V8.5" src="http://www.itcast.cn/files/image/202305/20230504162126780.png" style="width: 230px; height: 148px;" /></a><span>web</span></p>
<p class="aui"><a href="/design/" target="_blank"><img alt="AI+设计课程" src="http://www.itcast.cn/files/image/202406/20240612150654075.jpg" style="width: 230px; height: 148px;" /></a><span>design</span></p>
<p class="acloud"><a href="http://python.itcast.cn" target="_blank"><img alt="大数据培训班" src="http://www.itheima.com/images/newslistPIC/1619495360998_python+大数据学科列表页右侧.png" style="width: 230px; height: 148px;" /></a><span>cloud</span></p>
<p class="atest"><a href="https://test.itcast.cn" target="_blank"><img alt="软件测试培训课程" src="http://www.itcast.cn/files/image/202401/20240124102017048.jpg" style="width: 230px; height: 148px;" /></a><span>test</span></p>
<p class="ac"><a href="/subject/czly/index.shtml" target="_blank"><img alt="" src="/files/image/202006/20200608154929276.jpg" style="width: 230px; height: 148px;" /></a><span>c</span></p>
<p class="anetmarket"><a href="http://xmt.itcast.cn/" target="_blank"><img alt="新媒体运营培训课程" src="http://www.itheima.com/images/newslistPIC/1677642673317_230x148.png" style="width: 230px; height: 148px;" /></a><span>netmarket</span></p>
<p class="apm"><a href="/pm/" target="_blank"><img alt="产品经理培训课程" src="http://www.itcast.cn/files/image/202210/20221018111554238.png" style="width: 230px; height: 148px;" /></a><span>pm</span></p>
<p class="aLinux"><a href="/subject/linuxzly/index.html" target="_blank"><img alt="linux培训班" src="/files/image/202006/20200608155135435.jpg" style="width: 230px; height: 148px;" /></a><span>Linux</span></p>
<p class="amovies"><a href="/subject/movieszly/index.html" target="_blank"><img alt="影视制作培训" src="/files/image/202006/20200608155515709.jpg" style="width: 230px; height: 148px;" /></a><span>movies</span></p>
<p class="arobot"><a href="/subject/robotzly/index.html" target="_blank"><img alt="智能机器人开发" src="/files/image/202006/20200608155646087.jpg" style="width: 230px; height: 148px;" /></a><span>robot</span></p>
<p class="auids"><a href="/subject/uizly/index.shtml" target="_blank"><img alt="电商视觉设计" src="/files/image/202006/20200608155728652.jpg" style="width: 230px; height: 148px;" /></a><span>uids</span></p>
<p class="aai"><a href="/ai/" target="_blank"><img alt="人工智能培训课程" src="http://www.itcast.cn/files/image/202303/20230301114223853.jpg" style="width: 230px; height: 148px;" /></a><span>Python</span></p>
<p class="ajcdl"><a href="https://www.itheima.com/special/jcdlzly/index.html?jcdlzly" target="_blank"><img alt="集成电路应用开发(嵌入式)培训课程" src="http://www.itcast.cn/files/image/202307/20230718175515466.jpg" style="width: 230px; height: 148px;" /></a><span>jdbc</span></p>
</div>
<div class="techcen_right">
<div class="techcen_tit">
<div class="xqtop">
<b></b>
<img src="/2018czgw/images/technology/kbtop.png" >
<p><span>北京校区</span><img src="/2018czgw/images/kczxdown.png" ></p>
</div>
<div class="xqall">
<ul></ul>
</div>
</div>
<div class="techcen_kb">
</div>
</div>
<div class="new_bot"><div class="botcon">
<div class="ajavaee"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="apython"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aweb"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aui"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="acloud"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="atest"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="ac"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="anetmarket"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="apm"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aLinux"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="amovies"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="arobot"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="auids"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aai"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
</div>
<!--<a class="a1024" href="" target="_blank"><img alt="" src="" title="" /></a>--!></div>
<div class="list">
<!--首页固定列表页右侧视频库调用和报名表单-->
<div class="box_sidebar">
<div class="sidebar_more">
<h2>热门课程推荐</h2><a href="http://yun.itheima.com/course" target="_blank" class="sidemore">更多>></a>
</div>
<ul>
<script src="https://yun.itheima.com/api.php/course/hot/cid/web"></script>
</ul>
</div>
<div class="bmlc-con bmlc-con2 bmbd">
<div class="bmbd-con"><iframe class="iframe" frameborder="0" height="380" scrolling="no" src="https://baoming.itcast.cn/page/51e9cfbf12aaa-5b45602cb603e----1?class=wzlist" width="100%"></iframe></div>
</div>
</div>
</div>
</div>
<!-- main E -->
</div>
<!-- 底部 S -->
<div class="newsindex_pc">
<div class="footer">
<!-- 底部列表区 -->
<div class="footer-top">
<div class="inner">
<p class="footer-cz" style="padding: 20px 0;"><a class="com-red" href="http://www.itcast.cn/subject/about/index.html" rel="nofollow" target="_blank">澳门大阳城APP入口</a> | <a class="com-red" href="http://www.itcast.cn/channel/flow.shtml" rel="nofollow" target="_blank">报名流程</a>| <a class="com-red" href="http://www.itcast.cn/news/20171206/08175432061.shtml" rel="nofollow" target="_blank">大阳城网站官网声明</a>| <a class="com-red" href="http://www.itcast.cn/news/20180206/17584730379.shtml" rel="nofollow" target="_blank">法律声明</a>| <a class="com-red" href="http://www.itcast.cn/news/20180412/10045089511.shtml" rel="nofollow" target="_blank">对外合作</a>| <a class="com-red" href="http://www.itcast.cn/1024/index.html" target="_blank">1024程序员节 </a></p>
</div>
</div>
<!-- 底部列表区 -->
<!-- 底部版权区 -->
<div class="footer-bot">
<p>大阳城·(中国区)官方网站入口-Macau App Station 版权所有Copyright 2006-2024 All Rights Reserved <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank"> 苏ICP备16007882号</a><a href="http://www.itcast.cn/images/yyzz01.jpg" target="_blank">营业执照</a><a href="http://www.itcast.cn/images/zzdx01.jpg" target="_blank">增值电信业务经营许可证</a><a href="http://www.itcast.cn/images/cbwjy.jpg" target="_blank">出版物经营许可证</a><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32132202001156" rel="nofollow" target="_blank"><img src="https://www.itheima.com/images/baicon.png" style="display:inline;margin-bottom: -3px;width: 15px;" />苏公网安备 32132202001156号</a> </p>
</div>
<script src="/js/zhuge.js"></script><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?0cb375a2e834821b74efffa6c71ee607";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><!-- toutiao --><script>
(function() {
var el = document.createElement("script");
el.src =
"https://sf1-scmcdn-tos.pstatp.com/goofy/ttzz/push.js?643ac03f8aa149b2ea832a12be2e5ac922da50b2e239d527fcf0f9f873b11f7aef69e80375f6dd78a759aa2e1883c8b5889190e1c0db3dfdab68595b8571d7d0";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
<!-- 底部版权区 -->
</div>
</div>
<script type="text/javascript">
var subjectname = "web";
</script>
<div class="newsindex_yd">
<div class="footer_box">
<p class="footlist"><a href="/">首页</a>|<a href="/2018phone/phoneschool.html">校区分布</a>|<a href="/2018phone/phoneteacher.html">师资力量</a>|<a href="/2018phone/phonegywm.html">关于我们</a>|<a href="/2018phone/phonebmlc.html">报名流程</a></p>
<p class="footlist" id="footlist"><a href="/2018phone/phonecjwt.html">常见问题</a>|<a class="footjszx phonejavaeezly" href="/news/javaee_1.shtml">技术资讯</a><!-- <a class="footjszx phonewebzly" href="/news/web_1.shtml">技术资讯</a>
<a class="footjszx phonecloudzly" href="/news/cloud_1.shtml">技术资讯</a>
<a class="footjszx phonepythonzly" href="/news/python_1.shtml">技术资讯</a>
<a class="footjszx phoneaizly" href="/news/ai_1.shtml">技术资讯</a>
<a class="footjszx phoneuizly" href="/news/ui_1.shtml">技术资讯</a>
<a class="footjszx phonetestzly" href="/news/testtech_1.shtml">技术资讯</a>
<a class="footjszx phonexmtzly" href="/news/netmarket_1.shtml">技术资讯</a>
<a class="footjszx phonepmzly" href="/news/pm_1.shtml">技术资讯</a>
<a class="footjszx phonelinuxzly" href="/news/linux_1.shtml">技术资讯</a>
<a class="footjszx phoneczly" href="/news/c_1.shtml">技术资讯</a>
<a class="footjszx phonemovieszly" href="/news/movies_1.shtml">技术资讯</a>
<a class="footjszx phonerobotzly" href="/news/robot_1.shtml">技术资讯</a>
<a class="footjszx phonephpzly" href="/news/php_1.shtml">技术资讯</a> --></p>
<p>大阳城·(中国区)官方网站入口-Macau App Station版权所有<br />
Copyright 2006-2023, All Rights Reserved</p>
</div>
<div class="bdzx"><a class="itcast_click zx_btn" href="JavaScript:;">在线咨询</a> <a class="itcast_click tel_btn" href="JavaScript:;">我要报名</a></div>
<script>
if(subjectname == 'test'){
subjectcon = '/news/testtech_1.shtml'
}else if(subjectname == 'Linux'){
subjectcon = '/news/linux_1.shtml'
}else if(subjectname == 'qynews'){
subjectcon = '/newsvideo/newslist_1.shtml'
}else{
subjectcon = '/news/'+subjectname+'_1.shtml'
}
document.getElementById("footlist").innerHTML = '<a href="/2018phone/phonecjwt.html">常见问题</a>|<a class="footjszx phonejavaeezly" href="'+subjectcon+'">技术资讯</a>';
var arrfenxiao = ["BEIJING","TIANJIN","SHANGHAI","GUANGZHOU","SHENZHEN","WUHAN","ZHENGZHOU","XIAN","CHANGSHA","JINAN","CHONGQING","NANJING","HANGZHOU","SHIJIAZHUANG","CHENGDU","HEFEI","TAIYUAN","XIAMEN","SHENYANG"];
</script>
</div>
<!-- 底部 E -->
</div>
<link rel="stylesheet" href="/2018czgw/css/style.css">
<!-- 全局js -->
<script src="/js/jquery-1.7.2.min.js"></script>
<script src="/js/global.js"></script>
<script type="text/javascript" src="/2018czgw/js/wow.min.js"></script>
<script src="/2018czgw/js/jquery.SuperSlide.2.1.2.js"></script>
<script src="/2018czgw/js/jquery.flipster.js"></script>
<script type="text/javascript" src="/2018czgw/js/header.js"></script>
<!-- ie7error提示 -->
<style type="text/css">
#ie7-warning{background:rgb(255,255,225); position:absolute; top:0; left:0; font-size:12px; color:#333; width:100%; padding:5px 0; text-align:center; z-index:99999; }
</style>
<!--[if lte IE 7]>
<div id="ie7-warning">您正在使用 Internet Explorer 7，在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器： <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
</div>
<script type="text/javascript">
function position_fixed(el, eltop, elleft){
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie7-warning"),0, 0);
</script>
<![endif]-->
<!-- 十大学科咨询 -->
<div class="newsindex_pc"><!-- 没有自动弹出 -->
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/css/zx.css?20221205"/>
<link rel="stylesheet" href="/2018czgw/css/style.css">
<script src="/js/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="stylesheet" href="/2020gw/css/prism-Tomorrow Night.css">
<script src="/2020gw/js/prism.js"></script>
<script>
$(document).ready(function(){
var doc_pre = $(".sub_txt pre");
doc_pre.each(function(){
var class_val = $(this).attr('class');
var class_arr = new Array();
class_arr = class_val.split(';');
class_arr = class_arr['0'].split(':');
var lan_class = 'language-'+class_arr['1'];
var pre_content = '<code class="'+lan_class+'">'+$(this).html()+'</code>';
$(this).attr("class",'line-numbers '+lan_class);
$(this).html(pre_content);
});
});
</script>
<script>
var nowwidth = document.documentElement.clientWidth;
// if(nowwidth > 750){
// var oscript2 = document.createElement('script');
// oscript2.id = 'zhugeId';
// oscript2.src = '/js/zhuge.js';
// document.body.appendChild(oscript2);
// }else{
// var oscript2 = document.createElement('script');
// oscript2.id = 'zhugeId';
// oscript2.src = '/js/zhuge.js';
// document.body.appendChild(oscript2);
// }
$.ajax({
url : "//baoming.itcast.cn/tools/getip",
dataType : "json",
success : function(res) {
console.log(res.ip)
var dataip = res.ip;
if(dataip === ""){
$("#qxzxqm").attr("src","");
$("body").on("click",".itcast_click",function(){
alert("咨询已屏蔽");
});
}else{
// 在 H5 文件中
let UA = window.navigator.userAgent;
var regex = /swan\//;
if(!regex.test(UA)){
var oscript = document.createElement('script');
oscript.id = 'qxzxqm';
oscript.src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=b2f10070-624e-11e8-917f-9fb8db4dc43c&autoShow=false&language=ZHCN';
document.body.appendChild(oscript);
}else{
$("body").on("click",".itcast_click",function(){
window.location.href = 'https://webchat03.7moor.com/wapchat.html?accessId=22bdcd10-6250-11e8-917f-9fb8db4dc43c&fromUrl=http://baiducz&urlTitle=%E7%99%BE%E5%BA%A6%E5%B0%8F%E7%A8%8B%E5%BA%8F';
})
}
setTimeout(function(){
$(".qimo_zx").show();
},6000);
$(".cxhdpic2,.cxhdpic1").hover(function(){
$(".cxhdpic1").show();
},function(){
$(".cxhdpic1").hide();
});
$("body").on("click",".itcast_click",function(){
if(nowwidth > 750){
qimosdk.hideChatBox();
setTimeout(function(){
qimoChatClick();
},200);
zhuge.track('咨询点击');
}else{
qimoChatClick();
zhuge.track('咨询点击-移动端');
}
});
setTimeout(function(){
var timer = null;
var qimo_chatpup = document.getElementById('qimo_chatpup');
$("body").on("click",".itcast_click",function(){
qimosdk.hideChatBox();
qimo_chatpup.style.bottom = "-500px";
setTimeout(function(){
qimoChatClick();
var ind = -500;
timer = setInterval(function(){
ind+=20;
if(ind>-20){clearInterval(timer);}
qimo_chatpup.style.bottom = ind+"px";
},1);
},200);
});
},1500);
}
},
})
</script>
<style type="text/css">
.zx{right: 12px;}
.zx .cxhdpic3{
position: absolute;
right: -13px !important;
top: -86px !important;
z-index: 99999;
width: 97px !important;
display: none;
}
.zx img{
display: block;
width:100%;
}
</style>
<!-- 十大学科咨询-->
<div class="zx zx2021">
<ul>
<!-- <li class="li_zxtop">
<a href="javascript:;" class="itcast_click" rel="nofollow">
<span class="icon_s"> </span>
<p id="loading">咨询</p>
</a>
</li> -->
<li class="li_st">
<a href="javascript:;" class="itcast_click" rel="nofollow">
<span class="icon_s"> </span>
<p>试听</p>
</a>
</li>
<li class="li_zx">
<a href="javascript:;" class="itcast_click" rel="nofollow">
<span class="icon_s"> </span>
<p>咨询</p>
</a>
</li>
<li class="li_bm">
<a href="javascript:;" class="itcast_click">
<span class="icon_s"> </span>
<p>报名</p>
</a>
</li>
</ul>
<div class="li_6" id="back">
<a href="javascript:void(0);">
<span class="icon_s"> </span>
</a>
</div>
<!-- <a href="https://h5.itcast.cn/subject/yles21/index.html?czzxad" target="_blank" class="cxhdpic3"><img src="http://www.itcast.cn/1024img/zx2021pf.png" /></a> -->
<!-- <a href="https://h5.itcast.cn/subject/yles22/index.html?czzxad" target="_blank" class="cxhdpic3"><img src="http://www.itcast.cn/1024img/zx2022pf.png" /></a> -->
</div>
<div class="qimo_zx itcast_click" style="width: 240px;height: 56px;background: #fff;border-radius: 2px;position: fixed;right: 12px;bottom: 12px;z-index: 1000000;cursor: pointer;box-shadow: 0 0 12px rgba(0,0,0,.06);border-radius: 4px;">
<div style="float: right; width: 58px;height: 56px;background: #0067e1 url('/images/indeximg3.png') no-repeat 16px 11px;border-radius: 0 4px 4px 0;"></div>
<div style="float: right; width: 161px;height: 56px;background: url('/images/indeximg4.png') no-repeat 154px 24px;font-size: 15px;color: #241919;line-height: 56px;padding-left: 21px;">和我们在线交谈！</div>
</div>
<script src="/js/zx.js"></script>
<script>
var nowtime = new Date().getTime();
var dtstarttime = new Date("2022/10/20 09:00").getTime();
//if(nowtime>dtstarttime){
//$(".cxhdpic3").show();
//}
var videoElem = $(".dictionary-wrap audio").get(0);
var timers = null;
var aind = 0;
var aind1 = 0;
$(".dictionary-wrap .op-sound").click(function(){
$(".dictionary-wrap .op-repeat").removeClass("op-repeat-running");
var that = $(this);
var datasrc = $(this).attr("datasrc");
$(".dictionary-wrap audio").attr("src",datasrc);
$(".dictionary-wrap source").attr("src",datasrc);
videoElem && videoElem.play();
clearInterval(timers);
});
$(".dictionary-wrap .op-repeat-left").click(function(){
var that = $(this);
var datasrc = $(this).attr("datasrc");
$(".dictionary-wrap audio").attr("src",datasrc);
$(".dictionary-wrap source").attr("src",datasrc);
$(".dictionary-wrap .op-repeat-right").removeClass("op-repeat-running");
if(aind1 == 1){
that.removeClass("op-repeat-running");
clearInterval(timers);
aind1 = 0;
}else{
that.addClass("op-repeat-running");
timers = setInterval(function(){videoElem && videoElem.play();},2000);
aind1 = 1;
}
});
$(".dictionary-wrap .op-repeat-right").click(function(){
var that = $(this);
var datasrc = $(this).attr("datasrc");
$(".dictionary-wrap audio").attr("src",datasrc);
$(".dictionary-wrap source").attr("src",datasrc);
$(".dictionary-wrap .op-repeat-left").removeClass("op-repeat-running");
if(aind == 1){
that.removeClass("op-repeat-running");
clearInterval(timers);
aind = 0;
}else{
that.addClass("op-repeat-running");
timers = setInterval(function(){videoElem && videoElem.play();},2000);
aind = 1;
}
});
var relevantlen = $(".reader_con .recon_relevant ul li").length;
var newlen = $(".reader_con .recon_new ul li").length;
if(relevantlen<6 || newlen<6){
$(".reader_con").hide();
}
</script>
<script>
var winW = $(window).width();
if(winW>750){
setTimeout(function(){
$(".newswrapper .sub_con .sub_lnew").css({"width":"850px","padding":"30px 30px"});
$(".newswrapper .sub_con .new_r").css({"height":"auto","padding":"20px 20px 5px"});
},500);
}
//setTimeout(function(){
// if(subjectname == "javaee" || subjectname == "web" || subjectname == "python" || subjectname == "cloud"){
// for(var i=0;i<4;i++){
// $(".new_r .techcen_right .techcen_kb ul").eq(1).find("li").eq(i).find("span").eq(0).text("高手班");
// }
// }
//},500);
var nowtime = new Date().getTime();
var month = new Date().getMonth()+1;
var day = new Date().getDate();
var dtstarttime = new Date("2020/" + month + "/" + day + " " + " 13:30").getTime();
var endtime = new Date("2020/" + month + "/" + day + " " + " 22:00").getTime();
console.log(nowtime)
// if(nowtime>endtime){
// $(".cxhdpic3").hide();
// }else if(nowtime>dtstarttime){
// $(".cxhdpic3").hide();
// }else{
// $(".cxhdpic3").hide();
// }
locurl = location.search;
if(locurl){
if (locurl.indexOf("?") != -1) {
var one = locurl.lastIndexOf("?");
locurl = locurl.substring(one, locurl.length);
var locurlsrc = locurl.substr(1);
}
var alen = $("a").length;
for(i=0;i<alen;i++){
var aurl = $("a").eq(i).attr("href");
if(aurl == "javascript:;" || aurl == "javascript:void(0);" || aurl == "javascript:void(0)"){
$("a").eq(i).attr("href",aurl);
}else{
if(aurl.indexOf("#") != -1){
var two = aurl.lastIndexOf("#");
aurlh = aurl.substring(two,aurl.length);
aurl = aurl.substring(0,two);
var zzUrl = (aurl && aurl.indexOf("?") != -1) ? (aurl+"$"+locurlsrc+aurlh) : (aurl+"?"+locurlsrc+aurlh);
$("a").eq(i).attr("href",zzUrl);
}else{
var zzUrl = (aurl.indexOf("?") != -1) ? (aurl+"$"+locurlsrc) : (aurl+"?"+locurlsrc);
$("a").eq(i).attr("href",zzUrl);
}
}
}
}
var art = $('.tutorial-detail'),tutorialp = $(".tutorial_list .tutorial_p");
var other_text = $(".tutorial_list .tutorial_p").text();
tutorialp.click(function(){
if (art.hasClass('article-hidden')) {
art.removeClass('article-hidden');
tutorialp.text('点击收起');
dim.hide();
} else {
art.addClass('article-hidden');
tutorialp.text(other_text);
dim.show();
}
});
var tutorial_text = $(".tutorial_video").text();
if(tutorial_text){
var tutorialvideo = $(".tutorial_video").offset().top;
$(window).scroll(function(){
var tutorialTop = $(window).scrollTop();
if(tutorialTop > tutorialvideo){
$(".tutorial_video").addClass("cur");
}else{
$(".tutorial_video").removeClass("cur");
}
});
}
var winh = window.location.href;
var datatext = ($("#count").text().split("-"))[0];
var datatextlen = (datatext.length)-8;
datatext = datatext.slice(0,datatextlen);
if(winh.indexOf("/20170328/1633511039.shtml") != -1){
var date = new Date();
var getFullYear = date.getFullYear(); //获取完整的年份(4位)
var getMonth = ((date.getMonth() +1)<10)?"0"+(date.getMonth() +1):(date.getMonth() +1);
var getDate = (date.getDate()<10)?"01":((date.getDate()<20)?10:20);
// $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月'+getDate+'日 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232042)+'</span>');
$(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232042)+'</span>');
}else if(winh.indexOf("/20230227/11301860882.shtml") != -1){
var date = new Date();
var getFullYear = date.getFullYear(); //获取完整的年份(4位)
var getMonth = ((date.getMonth() +1)<10)?"0"+(date.getMonth() +1):(date.getMonth() +1);
// $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
$(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232942)+'</span>');
}else if(winh.indexOf("/20180202/20153796600.shtml") != -1){
$(".sub_l .time").html('更新时间:2021年09月01日09时31分 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
}else if(winh.indexOf("/20210108/1129210493.shtml") != -1){
$(".sub_l .time").html('更新时间:2022年01月12日09时30分 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
}else if(winh.indexOf("/20211210/14094213934.shtml") != -1){
$(".sub_l .time").html('更新时间:2021年12月10日16时30分 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
}else if(winh.indexOf("/20221011/13562199740.shtml") != -1){
$(".sub_l .time").html('更新时间:2022年06月15日09时30分 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
}else if(winh.indexOf("/20221011/13590836989.shtml") != -1){
$(".sub_l .time").html('更新时间:2022年09月30日09时30分 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
}else if(winh.indexOf("/20221011/10081832325.shtml") != -1){
$(".sub_l .time").html('更新时间:2022年08月05日09时30分 来源:大阳城app官网入口 浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
}
//var opendata = localStorage.getItem("opendata");
//if(opendata == "true"){
//}else if(opendata == "false"){
// localStorage.setItem("opendata","true");
// window.open("http://vr.sina.com.cn/news/hz/2020-09-21/doc-iivhuipp5581608.shtml");
//}else{
// localStorage.setItem("opendata","false");
// window.open("http://vr.sina.com.cn/news/hz/2020-09-21/doc-iivhuipp5581608.shtml");
//}
</script>
<script>
//20190621
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
$(".wzheader .wzimgleft").click(function(){
$(".wzleftlist").addClass("show");
$(".wzleftlist_bg").show();
});
$(".wzleftlist_bg").click(function(){
$(".wzleftlist").removeClass("show");
$(".wzrightlist").removeClass("show");
$(this).hide();
});
$(".wzheader .wzimgcity").click(function(){
$(".wzrightlist").show();
});
$(".wzrightlist .fxbox_bg").click(function(){
$(".wzrightlist").hide();
});
</script>
<script>
var dianzanind = $("#cur_dz_id").text();
$.ajax({
url : "//h5.itcast.cn/itcast/zan/id/"+dianzanind,
success : function(result) {
$(".bdsharebuttonbox .dianzan").text(result);
}
});
$(".bdsharebuttonbox .dianzan").one("click",function(){
$.ajax({
url : "//h5.itcast.cn/itcast/zan/id/"+dianzanind+"/type/add",
success : function(result) {
$(".bdsharebuttonbox .dianzan").text(result);
$(".bdsharebuttonbox .dianzan").addClass("cur");
}
});
});
</script></div>
<script src="/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="/js/other.js"></script>
<script src="/2018czgw/js/arrcourse.js"></script>
<script src="/2018czgw/js/wzlistfn.js"></script>
<script>
var subjectarr = "web";
wzlistFn(subjectarr);
</script>
<center>
<form data-evt="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank">
<input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
<a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="Baidu" align="bottom" border="0"></a>
<input type="text" data-evt="checkHttps" name="word" size="20" value="">
<input type="submit" value="百 度" height="26px">
</form>
<form action="https://www.sogou.com/web" name="sf" id="sf" target="_blank">
<a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" alt="sogou" align="bottom" border="0"></a>
<span class="sec-input-box yuyin-cur">
<input height="22px" type="text" class="sec-input" name="query" id="query" maxlength="100" len="80" autocomplete="off" value="">
</span>
<span class="enter-input"><input type="submit" id="stb" value="搜 狗" height="26px"></span>
<input type="hidden" name="_asf" value="www.sogou.com">
<input type="hidden" name="_ast">
<input type="hidden" name="w" value="01019900">
<input type="hidden" name="p" value="40040100">
<input type="hidden" name="ie" value="utf8">
<input type="hidden" name="from" value="index-nologin">
<input type="hidden" name="s_from" value="index">
</form>
<form id="so360form" target="_blank" action="https://www.so.com/">
<img width="100px" height="22px" src="http://p1.qhimg.com/d/_onebox/search.png">
<input height="22px" id="so360_keyword" type="text" name="q" autocomplete="off" value="">
<input id="so360_submit" type="submit" value="搜 索" height="26px">
<input type="hidden" value="utf-8" name="ie">
<input type="hidden" value="zz" name="src">
<input type="hidden" value="so.com" name="site">
<input type="hidden" value="1" name="rg">
</form>
</center></body>
</html>
使用Dreamweaver新建XHTML文档，默认文档时会自带一些代码，如图1所示
图 1 XHTML文档基本格式
在图1所示的XHTML带码中文档类型声明、、和共同组成了XHTML文档的结构，具体介绍如下。