跟永哥学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%的人还看了以下文章

  • vue学习-我的第一个vue代码

    创建一个 .html 文件,然后通过如下方式引入 Vue: <!– 开发环境版本,包含了有帮助的命令行警告 –> <script src=”https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script> 或者: <!– 生产环境版本,优化了尺寸和速度 –>…

    2020年6月14日
    17.0K0
  • 第1课:开始学习HTML

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

    2018年1月20日
    10.6K0
  • 第11课:边框(border)

    边框(border)可以有多种用途,比如作为装饰元素或者作为划分两物的分界线。在设置边框方面,CSS为你提供了无尽选择。border-widthborder-colorborder-style 边框宽度[border-width] 边框宽度由CSS属性border-width定义,其值可以是“thin”(薄)、“medium”(普通)或“thick”(厚)等…

    2020年2月25日
    6.0K0
  • 最简单的wmv视频网页播放代码

    如何在网页上播放wmv格式视频? 1、将以下代码复制到html网页的<body>中:如 <embed src=”wangyesheji1.wmv” width=”460″ height=”414″ autostart=”1″ filename=”mms:/wangyesheji1.wmv” showcontrols=”1″ showstat…

    2021年4月5日
    14.3K0
  • 第8课:组织元素(span和div)

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

    2020年2月25日
    9.0K0
  • 如何给网页中的表格table添加滚动条

    最近在写一个项目的时候输出的结果有点多table的宽度直接把页面撑变形了,就想到了给table加滚动条,接下来125建站网为大家介绍HTML给table添加滚动条的方法,有需要的小伙伴可以参考一下: 1、方法分析: 要给table添加滚动条其实很简单,我们首先把table放到一个div里面,然后再设置div显示滚动条即可。 2、html代码: <div…

    2023年3月9日
    3.0K0

发表回复

登录后才能评论