投稿
  1. 125jz首页
  2. 教程
  3. 网页制作

跟永哥学HTML5（2）：html5与html4的区别

江山如画 • • 网页制作 • 阅读 4625

我们现在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)
江山如画的头像江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
跟永哥学HTML5（1）：认识html5
上一篇 2018年1月21日 上午11:10
什么样的员工将来会成为高管
下一篇 2018年1月21日 下午2:05

99%的人还看了以下文章

  • 第4课：字体 网页制作

    第4课：字体

    这一课，你将学习字体以及如何用CSS来设置字体。我们还会考虑如何解决“网站所选的字体仅当访问者的PC上安装有该字体时才会被显示”这一难题。本课将对下列CSS属性进行讲解： font-family font-style font-variant font-weight font-size font 字体族[font-family] CSS属性font-fami…

    江山如画的头像 江山如画
    2020年2月22日
    11.0K0
  • jquery实现全选、反选、取消全选功能代码 网页制作

    jquery实现全选、反选、取消全选功能代码

    管理系统后台，商品管理、信息管理等，需要删除，为方便操作应该提供全选、反选、取消全选功能。 今天中文网页设计分享jquery实现全选、反选、取消全选功能代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; chars…

    江山如画的头像 江山如画
    2018年10月17日
    15.2K0
  • javascript-快速掌握DOM技术 网页制作

    javascript-快速掌握DOM技术

    Javascript的组成： 1.  js的语法（核心)。 2. DOM(文本对象模型) ：用于操作HTML文档的应用编程接口。 DOM的出现使得动态HTML（DHTML）得以实现，可以不用重新加载页面而改变网页的外观和内容。 DOM的级别(版本)：DOM1，DOM2，DOM3 3. BOM(浏览器模型)  BOM是Browser Object Model的…

    江山如画的头像 江山如画
    2018年7月17日
    6.5K0
  • html入门教程 网页制作

    第2课：HTML是什么？

    HTML是什么？ HTML是一门语言，它令我们可以在因特网上展示信息。你所看到的网页，是浏览器对HTML进行解释的结果。要查看一个网页的HTML代码，只需在浏览器菜单栏上点击“查看”，然后选择“源文件”即可。 对于生手来说，HTML代码看似很复杂，不过本教程将帮助你弄清楚它们的含义。 HTML能用来做什么？ 如果你要制作网站的话，学习HTML是不可避免的。即…

    江山如画的头像 江山如画
    2018年1月20日
    16.6K0

  • 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日 • 网页制作
    17.6K0
  • 第13课：浮动元素（float） 网页制作

    第13课：浮动元素（float）

    我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的右边或者左边（参见第9课关于盒状模型的描述）。下图阐明了其原理： 举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示： 如何实现这个效果？ 上例的HTML代码如下所示： <div id=”picture”><…

    江山如画的头像 江山如画
    2020年2月25日
    3.2K0

发表回复

登录后才能评论