博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小强的HTML5移动开发之路(3)——HTML5与HTML4比较
阅读量:7094 次
发布时间:2019-06-28

本文共 2058 字,大约阅读时间需要 6 分钟。

在前面介绍了HTML5的新特性,新标签的使用,智能表单设计,引入多媒体对象,Canvas对象你的画布,扩展图形标记,HTML5中的地理应用,独立数据存储,新的网络连接。

HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。(HTML5也有了自己的logo).学习HTML5需要掌握下面几方面知识。

1、HTML基础知识

2、CSS样式知识

3、JavaScript知识

很多以前学过HTML 4.0的朋友可能此时会感到很迷惑,到底html 4.0和HTML5的区别是什么,学过html4.0会对学习HTML5有什么帮助疑问 其实HTML5和HTML4最大的区别就是HTML5更加注重内容与结构而不专注表现,举个例子:

 
导航相关数据

标题:HTML5专题

发布日期:

测试相关内容

CSDN-大碗干拌的博客
像上面这个html5中的很多标签,在以前的html4中我们都可以使用<div>标签代替,那么为什么还有用这么多没有使用过的标签呢,这反而增加了记忆难度?事实上不是这样的,这样做有很多好处,这些特定名称的标签更容易区分各自的功能,比如可以同时在PC浏览器和移动端浏览器上识别并以很好的布局展现。

还有一个区别就是,HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素,如下面的声明:

HTML4的声明:

HTML5的声明:

在引入JavaScript或CSS文件的时候,HTML4中写法如下:

在HTML5中变的更简单:

不仅如此,HTML5接受一些比较松散的的语法,比如<sCript><script>大小写混用。

从上面可以看出HTML5在以前浏览器发展的基础上对标签进行了简化。另外HTML5中对标签从语法上也进行了分类:

(1)不允许写结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、Track、wbr

(2)可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

(3)可以完全省略的标签:html、head、body、colgroup、tbody

在html4的基础上html5也新增了很多标签,下面列举部分新增标签:

标记定义一篇文章

以前制作网页头部导航的代码如下:

用HTML5实现如下:

有朋友可能会问了,这样写有什么优势吗?在HTML5中用独立的标签代表特定的功能,比如<header>表示头部,<nav>表示导航,这样代码变的非常有语义且容易理解(不用像上面一样添加额外的注释),同意对于搜索引擎来说,更容易找到。

转载于:https://www.cnblogs.com/lanzhi/p/6469409.html

你可能感兴趣的文章
C/C++ —语言判断数字或字符的函数总结
查看>>
ParentalControl-SteadyState
查看>>
设计模式 — 结构型模式 适配器模式
查看>>
Tempter of the Bone------剪枝
查看>>
Java学习笔记---IO操作
查看>>
数据库对象
查看>>
Codeforces Round #286 (Div. 1) 解题报告
查看>>
jQuery代码优化:基本事件
查看>>
浅析Java中的23种设计模式
查看>>
python-常用模块
查看>>
4. Locating Elements
查看>>
a href=#与 a href=javascript:void(0) 的区别
查看>>
pr去logo
查看>>
表单重复提交问题
查看>>
pydbg系列[1]
查看>>
Linux下库函数动态链接过程分析
查看>>
discuz ucenter通信失败
查看>>
完成注册功能
查看>>
ASP.NET MVC5总结(一)@HTML和对应的HTML
查看>>
MySQL基础之 逻辑运算符
查看>>