跟永哥学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)
江山如画的头像江山如画管理团队
跟永哥学HTML5(1):认识html5
上一篇 2018年1月21日 上午11:10
什么样的员工将来会成为高管
下一篇 2018年1月21日 下午2:05

99%的人还看了以下文章

  • 手把手,永哥教你学会css sprite(雪碧图)技术

    css sprite又称雪碧图或css精灵。 雪碧图就是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更加友好。 css sprite优点: 有效减少网站的http请求数量,加…

    2018年2月20日
    15.0K0
  • CSS border-radius 深入学习(含可视化生成工具)

    CSS border-radius 深入学习(含可视化生成工具)CSS border-radius 深入学习(含可视化生成工具)CSS border-radius 深入学习(含可视化生成工具)CSS border-radius 深入学习(含可视化生成工具)

    没有学过CSS border-radius 的同学,请阅读《css实现圆角矩形、半圆、圆形效果—border-radius使用详解》一文。border-radius 写法: .box{ border-radius: 30%; /* 也可以用PX代替 */ } 矩形的四角会变为相应数值的圆角,如下图: 只输入一个数值,所有角都会被四舍五入,若要固定值可以使用 …

    2019年10月17日 网页制作
    13.6K0
  • 实现表格单线边框的两种方法

    实现表格单线边框方法一 border-collapse: collapse; 代码如下: See the Pen 实现表格单线边框的两种方法 by 江山如画 (@jgyzhr)on CodePen. 实现表格单线边框方法二 给table上边和左边设上边框线,给td下边和右边设上边框线 See the Pen 实现表格单线边框方法二 by 江山如画 (@jgy…

    2019年10月31日
    11.9K0
  • 第8课:组织元素(span和div)

    pan和div元素用于组织和结构化文档,并经常联合class和id属性一起使用。 在这一课中,我们将进一步探究span和div的用法,因为这两个HTML元素对于CSS是很重要的。 用span组织元素 用div组织元素 用span组织元素 span元素可以说是一种中性元素,因为它不对文档本身添加任何东西。但是与CSS结合使用的话,span可以对文档中的部分文本…

    2020年2月25日
    10.4K0
  • 第1课:开始学习HTML

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

    2018年1月20日
    12.3K0
  • 第2课:CSS的工作原理

    在这一课,你将学习如何制作自己的第一个样式表。你将了解基本的CSS模型,以及在HTML文档里使用CSS所必需的代码。

    2020年2月22日
    10.4K0

发表回复

登录后才能评论