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

  • 解决网页中img图片出现多余空白的方案

    网页制作中,不管是table还是DIV+CSS排版时,会遇到浏览器中的图片元素img下出现多余空白的问题,非常常见,如何解决? <table class=”w1024″ border=”0″ cellspacing=”0″ cellpadding=”0″> <tr> <td colspan=”3″> <img src…

    2020年4月16日
    2.6K0
  • CSS3 transform:rotate()制作旋转图片

    在《CSS3 transition transform属性及实例详解》中我们实现了:鼠标放到图片上,图片等比例放大的效果,今天分享transform:rotate()制作旋转图片。 CSS3中的transform:rotate()可以实现旋转功能,可以在CSS里面设定旋转的角度,也可以设定旋转用多少时间来完成。 旋转图片HTML代码 <img src=…

    2019年1月29日
    3.6K1
  • 如何在网页中输入多个连续的空格?

    默认状态下(输入法为半角状态),按空格键只能输入一个空格,要在文本之间插入多个连续的空格,可以使用以下几种方法: 1) 使用Ctrl+Shift+Space组合键。 2) 在中文全角状态下,使用空格键。 3) 选择【插入】→【HTML】→【特殊字符】命令下的“不换行空格”命令。 4) 直接在代码视图输入“&nbsp;”字符。

    2020年4月3日
    5.8K0
  • Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

    Zoho WorkDrive – 全面的在线共享文档工具 在125建站网上想嵌入PPT,分享给大家 ,并且可以播放。 我思考了三种方法: 是在Zoho Docs上操作; 是PPT以图片的形式保存(动画效果没有了),直接轮播; 是自己手写动画+轮播,达到PPT播放效果(用express.js来实现)比较复杂,并且对小白站长不适用。 很自信的要自己手…

    2023年1月16日 网页制作
    1250
  • 第1课:开始学习HTML

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

    2018年1月20日
    2.5K0
  • 纯CSS制作红色网站二级下拉导航菜单

    纯CSS制作红色网站二级下拉导航菜单,代码非常简洁,适合修改后使用,入门就能掌握。 二级下拉导航菜单HTML代码: <nav> <ul> <li><a href=”#”>首页</a></li> <li><a href=”#”>电影</a> <ul…

    2019年4月17日
    3.2K0

发表回复

登录后才能评论