扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
没法直接看出来,至少得看源文件(一般对网页单击右键就有相应选项,不同浏览器选项不同)。
成都创新互联,专注为中小企业提供官网建设、营销型网站制作、自适应网站建设、展示型网站设计、做网站等服务,帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。
分析是否使用了HTML5新增的标签主要是lt;videogt;、lt;audiogt;、lt;canvasgt;、lt;sectiongt;、lt;articlegt;、lt;headergt;、lt;navgt;。
CSS3则看是否使用CSS3新增的属性,比如“border-radius”、“text-shadow”、“transform”以及“transition”等等。想完成这些工作,要求你对HTML和CSS都有相当的了解。
最后,如果网页最上方的文档声明不是”lt;!DOCTYPE htmlgt;“,则肯定不是HTML5。
html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改。2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。
查看页面源代码。HTML5提供了一些新的元素和属性,
例如nav(网站导航块)和footer。audio和video标记。
一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记,
如font和center,它们已经被CSS取代。
比较引人注目的是canvas 标记。
在网页源代码中寻找查看HTML5特有的标签,如:!--html5-- nav audio
一般html4标准的文档和html5标准的文档类型是不同的,但是因为html5的文档类型声明是向下兼容的,所以现在即使不用html5中的新标签也会使用html5文档类型声明,但是可以作为一个简单的参考,另外可以通过代码中的标签来区分。
方法一:通过html声明简单的判断
html4的文档类型声明一般是:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""
html5的文档类型声明一般是:
!DOCTYPE html
方法二:通过看页面中的一些标签
一般中页面包含html5新标签的使使用了html5技术,如下图中的一些语义化布局标签等标签:
有以下两种方法可以判断浏览器是否支持html5:
方法一:
script
function checkhHtml5() {
if (typeof(Worker) !== "undefined") { alert("支持HTML5"); } else { alert("不支持HTML5"); } }
/script
方法二:
canvas id="Canvas"/canvas
script
if (!document.getElementById("Canvas").getContext){
alert("不支持html5");
}else{
alert("支持html5");
}
/script
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流