本文目录
面试中的一些小问题之html5和html4的区别
Html5和Html的区别
1、文档类型声明
HTML4.01和XHTML1.0
strict模式：
***隐藏网址***
《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
***隐藏网址***
过渡模式:
《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
***隐藏网址***
《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
***隐藏网址***
框架集：
《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
***隐藏网址***
《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
***隐藏网址***
HTML5.0：
《!DOCTYPE html》
文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。
2、结构语义
html4.0：没有体现结构语义化的标签，如：
《div id="nav"》《/div》
html5：添加了许多具有语义化的标签，如：
《article》、《aside》、《audio》、《bdi》...
3、HTML5的绘图功能
Canvas：HTML5的canvas元素使用脚本（通常使用JavaScript）在网页上绘制图像，可以控制画布每一个像素。
SVG：指可伸缩矢量图形，用于定义网络的基于矢量的图形。
HTML4，HTML5，XHTML之间有什么区别
HTML4是html标准中比较成熟的一个版本，使用时间比较长，也是现今大部分网页遵循的标准。为了规范HTML，结合XML制定了XHTML1.0标准，这个标准没有增加任何新的tag，只是按照XML的要求来规范HTML，形成了XHTML。也就是说，XHTML是能满足XML要求的HTML。HTML5是html标准中现今的最新标准，可能会觉得HTML5没什么特殊的地方，值得这么久去制定么，不过要是了解到现在浏览器技术，JavaScript，CSS中各种新技术的不断涌现或者说杂乱无章，就明白要把它们统一并兼容是多么的困难。
在HTML5培训中html5与HTML4有什么区别
1. HTML5推出的理由解决Web上存在的问题：Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript，在另一个浏览器中不能运行。原因：各浏览器规范不统一，没有被标准化。解决方案：使各浏览器的功能符合通用标准。文档结构不够明确：HTML4中元素不能把文档结构表示清楚。解决方案：增加与结构相关的元素。Web应用程序的功能受到限制：HTMLL4对Web应用程序的贡献很小，比如：不允许同时上传多个文件。解决方案：提供供Web应用程序使用的API。2. HTML5语法的改变内容类型不变HTML5的文件扩展符（html或.htm）与内容类型（text/html）保持不变。DOCTYPE声明变化HTML4中需要指明是HTML的哪个版本，HTML5不需要，只使用《!DOCTYPE html》即可。指定字符编码变化***隐藏网址***HTML5:《meta charset=‶UTF-8″》可以省略元素的标记HTML5中很多元素标记可以省略具有boolean值的属性调整不指定属性值、属性名设定为属性值、字符串设为空时表示属性值为true；不写该属性表示属性值为false。例如：《input type=‶checkbox″ checked》 表示checked值为true《input type=‶checkbox″ checked=‶checked″》 表示checked值为true《input type=‶checkbox″ checked=‶″》 表示checked值为true《input type=‶checkbox″》 表示checked值为false可省略引号HTML5可省略指定属性值时的引号。3. 新增的元素和废除的元素新增元素新增的结构元素section：表示页面中内容块，比如章节、页眉、页脚或页面中的其他部分，可与《h1》到《h6》结合使用表示文档结构。article:表示页面中一块与上下文不相关的独立内容，比如博客中的一篇文章或报纸中的一篇文章。aside:表示article内容之外，与article内容相关的辅助信息。header：表示页面中的区域块，通常用它表示标题。hgroup：用于对整个页面或页面中标题进行整合。footer：表示页面中的区域块，通常表示区域快的脚部或底部，用于承载作者姓名、创作日期等与作者的元素。nav:表示页面中导航部分。figure：表示一段独立的流内容，一般表示主体流内容的一个独立单元。新增的其他元素video:定义电影片段、视频流等视频。audio：定义音乐或音频流。canvas：画布，本身没有行为，仅提供一块画布，但它的API展现给JavaScript及脚本，能够把想绘制的东西绘制在canvas上。embed mark progress meter time ruby rt rp wbr command details detalistdatagrid keygen output source menu新增的input元素的类型email：表示必须输的email地址url：表示文本框输入的一个地址number：表示数字range：表示数字范围值DataPickers：表示日历的日期、时间废除的元素能使用css代替的元素basefont big center font s tt u等不再使用frame框架由于frame框架对网页可用性存在负面影响，HTML5中已不支持frame框架，只支持iframe框架或者用服务器方式创建的由多个页面组成的复合页面的形式，同时将frameset元素、frame元素、noframes元素废除。只有部分浏览器支持的元素其他被废除的元素4. 新增的属性和废除的属性新增的属性表单相关的属性链接相关的属性其他属性废除的属性5. 全局属性HTML5中新增全局属性的概念，全局属性指可以对任何元素都使用的属性。contentEditable属性允许用户元素中内容，使用该属性的元素必须为可以获得鼠标焦点的元素，而且在点击鼠标后向用户提供一个插入符号，提示用户该元素允许进行。是boolean值类型，可以设为true、false或继承状态。其中，true代表可，false代表不可，当未指定true或false时与父元素的继承状态相同。designMode属性用来指定整个页面是否可，当页面可时，页面中所有支持contentEditable属性的元素都变为可状况。designMode属性只能在JavaScript脚本中被修改、。属性值可取on（可）或off（不可）。hidden属性HTML5中所有元素都允许使用hidden属性，该属性类似于input元素中hidden元素，boolean值，可设为true（不可见）、false（可见）。当某元素的hidden属性值为true时，浏览器不渲染该元素，使该元素处于不可见状态，但浏览器创建该元素内容，即页面加载后允许使用JavaScript脚本将该属性值取消，使该元素可见。spellcheck属性针对input（type=text）与textarea这两个文本输入框提供的一个新属性，主要对用户输入内容进行拼写与语法检查。属性值为boolean值，可取true或false。tableindex属性当点击Tab键时，让窗口或页面中可获得焦点的链接元素或表单元素进行遍历，tableindex表示该元素第几个被访问到。若tableindex值为"-1"时表示无法获取该元素.
