跟永哥学HTML5(2):html5与html4的区别

我们现在web前端开发的网页,一般都是html4.0。
很多以前学过HTML 4.0的朋友可能此时会感到很迷惑,html 4.0和HTML5有什么区别?

hmtl5与html4的区别?

先来看看HTML5推出的理由:

  • 解决Web浏览器间的兼容性问题

在一个浏览器中可以运行的HTML、Css、Javascript,在另一个浏览器中不能运行。
原因:各浏览器规范不统一,没有被标准化。

  • 解决文档结构不够明确的问题

HTML4中元素不能把文档结构表示清楚。
解决方案:增加与结构相关的元素。
下面通过例子来看看HTML5和HTML4的区别吧。

HTML5和HTML4的区别一:简化的语法

1、HTML头部
(1)HTML5:

<!doctype html>

(2)HTML4:

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

2、HTML编码

(1)HTML5:

<meta charset=“utf-8”>

(2)HTML4:

<meta http-equiv=”content-type”content=”text/html;charset=UTF-8”>

3、引入CSS样式文件
(1)HTML5:

<link rel=”stylesheet” href=”demo.css”>

(2)HTML4:

<link type=”text/css” rel=”stylesheet” href="demo.css”>

4、引入JS文件
(1)HTML5:

<script src=”demo.js”></script>

(2)HTML4:

<script type=”text/javascrpt” src="demo.js”></script>

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/512.html

(0)
江山如画的头像江山如画管理团队
上一篇 2018年1月21日 上午11:10
下一篇 2018年1月21日 下午2:05

99%的人还看了以下文章

  • 第6课:超链接

    CSS允许你根据链接是未访问的、已访问的、活动的、是否有鼠标悬停等分别定义不同的属性。这样,我们便可为网站增添奇特而有用的效果。

    2020年2月22日
    2.4K0
  • 第9课:在网页中添加图像

    假如能把自己喜欢的的图像放到网页上,那就太好了。 这貌似有点难度。。。 也许是有点难度,但其实也不难,一个元素就可以搞定: 例1: <img src=”http://www.125jz.com/wp-content/uploads/2018/01/liudehua.jpg” /> 该例在浏览器中将显示如下: 你要做的只是:告诉浏览器你要插入一张图…

    2018年1月20日
    6.3K0
  • CSS制作上一页 下一页 页码显示样式

    今天教大家制作页面的上一页 下一页 页码显示样式,效果如图所示。 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>CSS制作上一页 下一页 页码显示样式|www.125jz.com</title> <style…

    2018年7月29日
    5.1K0
  • 第1课:开始学习HTML

    建议你每天学习2到3课,然后花点时间来实验你所学到的新知识。 学习制作网站是件充满乐趣的事,而且一旦掌握它,你便会感到无比满足。好的,不多说,我们现在就开始吧! 这第一课中,我们简要介绍制作网站所需的工具。 需要哪些工具? “浏览器(browser)”你有了,它是用于浏览网站的程序。你现在就是通过浏览器在观看本页面的。 也许你听说过、甚至用过一些网页制作工具…

    2018年1月20日
    5.4K0
  • HTML5画布(Canvas)速查表

    HTML5 <canvas> 标签用于绘制图像。<canvas> 元素本身仅仅是图形的容器,必须使用脚本来完成实际的绘图任务。HTML5 <canvas> 可用于在画布上绘制文本、线条、矩形、圆形等等。 HTML5画布(Canvas)元素 <canvas id=”myCanvas” width=”500″ heigh…

    2018年2月20日
    3.4K0
  • 纯CSS实现表格的自适应布局

    本文分享了一种用纯CSS实现的表格自适应布局,主要用到伪元素:before。

    2018年2月19日
    7.6K0

发表回复

登录后才能评论