如何区分 html 和 html5

 我来答
育知同创教育
2016-09-17 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

  一、概念:

  1. HTML即超文本标记语言,标准通用标记语言下的一个应用。

    “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

    超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

  2. HTML5是HTML的第五次重大修改而成的,可以理解为升级版,但里面的内容是非常丰富的

  二、区分 html 和 html5有很多方法,下面举例看一下区别:

  1.在文档类型声明上

  html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "


<html xmlns="

  HTML5:

<!DOCTYPE html>

  说明:在文档声明上,html代码很长,而html5只有简简单单的声明。

  2.在结构语义上

  html4.0:没有体现结构语义化的标签,通常都是这样来命名的,这样表示网站的头部。

<divid="header"></div>

  html5:在语义上却有很大的优势。提供了一些新的html5标签

  比如:

<header> 、<nav>、<article>、<aside>、<footer>..

  

兄弟连北京校区
2016-09-07 · TA获得超过3003个赞
知道大有可为答主
回答量:2631
采纳率:87%
帮助的人:332万
展开全部
1. 简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。
2. <canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就 能和用户产生UI交互。
3. 新增 <header> 和 <footer> 标签
HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构。
4. 新增 <section> 和 <article> 标签
与<header>, <footer>类似,<section>和<article>也有利于清晰化网页的结构,更有利于SEO。
5. 新增 <menu> 和 <figure> 标签
<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。
6. 新增 <audio> 和 <video> 标签
这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。
7. 全新的表单
HTML5对 <form> 和 <forminput> 标签进行了大量修改,添加了很多新的属性,也修改了很多属性。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
纯白的迷途
2016-08-27
知道答主
回答量:36
采纳率:0%
帮助的人:8.2万
展开全部
区分?看源代码的布局有没有新标签,看声明文档的类型,html的写法比html5严格点,应该多了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式