xhtml、html与html5的区别

1、基本概念:html

html:超文本标记语言 (Hyper Text Markup Language)html5

xhtml:可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)相似,不过语法上更加严格。canvas

h5:最早由WHATWG(Web 超文本应用技术工做组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生如今最新一代的超文本标记语言。能够简单点理解成:h5≈ html+CSS 3+js+API。框架

html特性:ide

  • 标识文本。例如:定义标题文本、段落文本、列表文本、预约义文本。
  • 创建超连接,便于页面连接的跳转。
  • 建立列表,把信息有序组织在一块儿以方便浏览。
  • 在网页中显示图像、声音、视频、动画等多媒体信息,把网页设计得更富冲击力。
  • 能够制做表格,以便显示大量数据。
  • 能够制做表单,容许在网页内输入文本信息,执行其余用户操做,方便信息互动。

h5的认识:动画

  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
  • 减小对外部插件的需求(好比 Flash)
  • 更优秀的错误处理
  • 更多取代脚本的标记
  • HTML5 应该独立于设备
  • 开发进程应对公众透明

h5新特性:网站

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,好比 article、footer、header、nav、section
  • 新的表单控件,好比 calendar、date、time、email、url、search

二:文档类型声明方式:搜索引擎

  html:url

    过渡型:插件

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    严格型:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    框架型:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

  xml:

    过渡型:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    严格型:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

    框架型:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  html5:

    <!DOCTYPE html>

3、语义:

  html:没有体现结构语义化的标签,咱们一般都是这样来命名的<div id="header"></div>.这样表示网站的头部。

  html5:在语义上却有很大的优点。提供了一些新的标签,好比:<header><article><footer>

  提供了语义化标签能够更好地支持搜索引擎的读取便于seo的蜘蛛的爬行。

4、基本语法:

相关文章
相关标签/搜索