HTML5系列:HTML5与HTML4的区别

1. 语法的改变

1.1 DOCTYPE声明

  DOCTYPE声明在HTML文件中必不可少,位于文件第一行。

  HTML4中声明方法:

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

  HTML5中声明方法:

<!DOCTYPE html>

1.2 字符编码

  HTML4指定方式:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

  HTML5指定方式:

<meta charset="utf-8" />

1.3 元素标记

  不允许写结束标记的元素:br、embed、hr、img、input、link、meta、param。

  不允许写结束标记的元素是指不允许使用开始标记与结束标记将元素括起来的形式,只允许使用<元素/>。

  示例:

  错误方式:<br></br>    正确方式:<br/>

1.4 具有boolean值的属性

<!--只写属性不写属性值,属性为true-->
<input type="checkbox" checked />
<!--不写属性,属性为false-->
<input type="checkbox" />
<!--属性值=属性名,属性为true-->
<input type="checkbox" checked="checked" />
<!--属性值=空字符串,属性为true-->
<input type="checkbox" checked="" />
时间: 2024-10-06 13:44:26

HTML5系列:HTML5与HTML4的区别的相关文章

HTML5与HTML4的区别(2)

HTML5学习笔记之二——HTML5与HTML4的区别(2) _人人IT网 三.新增/废除的属性 1.新增的属性 1).表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性.auto 三.新增/废除的属性 1.新增的属性 1).表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性.autofocus 可以赋值为 aut

HTML5和HTML4的区别技术博文

HTML5和HTML4的区别:HTML5新标签的用法解释(部分) 1.<audio>标签 <audio>标签定义声音,比如音乐或其他音频流. HTML5: <audio src="someaudio.wav">您的浏览器不支持audio标签.</audio> HTML4: <object type="application/ogg" data="someaudio.wav"><pa

HTML5在HTML4的区别

多人会发现,由于HTML4与HTML5之间的区别,新建一个HTML5的网站远比从HTML4往HTML5上迁移来的容易. 事实上,HTML5并没有对HTML4做非常重大的调整,而且两者之间有很多相似的地方. 虽然如此,两者之间的主要区别仍然需要注意.下面是HTML4与HTML5之间的主要区别(并不是全部,全部列出来是不可能的): 1.HTML5仍然是一个制定中的标准 这第一个区别显而易见,但是也是非常重要的一个,我们从它开始.你也许已经看到了到处都有很多关于HTML5很酷的言论,但是这些都无法改变

HTML4,HTML5,XHTML 之间有什么区别?

我来从HTML的历史谈谈他们3者的区别. 在HTML的早期发展中,W3C成立之前,很多标准的制定都是在浏览器的开发者们互相讨论的情况下完成的,比如HTML 2.0, 3.2直到4.0, 4.01,这些标准大部分都是所谓的retro-spec,即先有实现后有标准.在这种情况下,HTML标准不是很规范,浏览器也对HTML页面中的错误相当宽容.这反过来又导致了HTML作者写出了大量的含有错误的HTML页面.据说,时至今日web上99%的页面都含有HTML错误. W3C随后意识到了这个问题,并认为这是互

HTML5和以前HTML4的区别整理【转】

HTML5是HTML标准的下一个版本.虽然HTML5没有完全颠覆HTML4,但是它们也有一些不同.最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/,貌似略多的样子.在这个IE还仍然存在的世界里,HTML5的差别先掌握一些即可,等全部支持后再细细研究也不迟. 1. 简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了.HTML 5 指定 UTF-8 编码的

好程序员web前端分享HTML5与HTML之间有什么区别?

好程序员web前端分享HTML5与HTML之间有什么区别?很多没有学过HTML5大前端的同学,对HTML5并不了解,经常会提出疑问:HTML5与传统HTML有什么区别?今天,就为大家讲一下两者比较明显几个区别.首先,HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升. 接着,我们来看一下两者的声明文件类型: HTML:1.<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN"

04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html ? 待续.... 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

HTML5系列一(属性概述)

HTML5概述 HTML5於2004年被WHATWG(网页超文本技术工作小组)提出,於2007年被W3C接纳 在2008年1月22日,第一份正式草案已公布.WHATWG表示该规范是目前正在进行的工作,仍须多年的努力 HTML5的新特点 便捷的标签书写 强大的绘图.动画 多媒体的直接支持 表单的全新功能 本地存储 地理定位的API..... 浏览器支持 http://fmbip.com/ http://html5test.com 便捷的标签书写 在html5中,像如下的声明都是可以了,也就是说声明

二,细说 HTML5 之 HTML5 基础讲解 2

这是一个HTML5系列,主要是零基础的宝宝们快速认识与学习HTML5. HTML5 样式.链接和表格 1.HTML5 样式 标签 描述 <style> 定义样式定义 <link> 定义资源引用 <div> 定义文档中的节或区域(块级) <span> 定义文档中的行内的小块或区域 属性: 属性 描述 rel="stylesheet" 外部样式表 type="text/css" 引入文档的类型 margin 边距 三种样式

一,细说 HTML5 之 HTML5 基础讲解

这是一个HTML5系列,主要是零基础的宝宝们快速认识与学习HTML5. 了解 HTML 1.什么是 HTML HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 注:标记语言是一套标记标签 (markup tag),HTML 使用标记标签来描述网页 2. HTML版本 版本 年份 HTML 1991 HTML + 1993 HTML 2.0