家居网站 模板,手机网址2021年免费不封,wordpress是指什么系统,干洗店投资多少钱可以营业了HTML5的概念分为广义和狭义两种。 狭义的概念HTML#xff15;是指HTML语言的第5个版本#xff0c;而HTML是指#xff15;之前的版本。 广义的概念HTML5是指由HTML#xff15;、CSS3、JavaScript所组成的开发环境。而HTML是指HTML语言本身。
1、HTML#xff15;与HTML狭…HTML5的概念分为广义和狭义两种。 狭义的概念HTML是指HTML语言的第5个版本而HTML是指之前的版本。 广义的概念HTML5是指由HTML、CSS3、JavaScript所组成的开发环境。而HTML是指HTML语言本身。
1、HTML与HTML狭义上具体的区别
1声明文件类型区别
HTML文档声明比较长很难记忆
!--html的声明--
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd
!--xhtml的声明--
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
HTML5文档声明简单方便记忆
!DOCTYPE html
2结构语义区别
html没有体现结构语义化的标签如div idnav/div
html5添加了许多具有语义化的标签如article、aside、audio、bdi...。相对于HTMLHTML5中新增和修改了一些元素。
3绘图区别
HTML指可伸缩矢量图形使用img标签添加固定的图像用于定义网络的基于矢量的图形。
HTML5HTML5的canvas元素使用脚本通常使用JavaScript在网页上绘制图像可以控制画布每一个像素。
4动画实现的区别
HTML需要使用插件实现一般为Flash而且不同的浏览器对插件的支持有兼容问题现代浏览器已经默认不支持Flash
HTML5使用canvas元素配合JavaScript可实现动画
5音频和视频的支持
HTML如果不使用Flash播放器支持它不支持音频和视频而Flash有兼容问题。
HTML5使用audio和video标签来支持音频和视频控制。
6对响应式的支持
HTML不能通过标签属性支持响应式
HTML5可通过标签属性支持响应式比如img标签的srcset属性可以同时设置多张图像然后根据视口不大小选择显示不同的图像。还有通过meta标签设置视口属性实现网页布局的响应式
!--视口设置--
meta nameviewport contentwidthdevice-width, initial-scale1.0
!--srcset设置--
img srcsmall.jpg srcsetbig.jpg 1440w, middle.jpg 800w, small.jpg 1x /
7表单元素
HTMLinput标签的类型较少通过表单操作时表单元素必须在表单中
HTML5扩展了input标签的类型如邮箱验证、数字、日期等同时还增加了一些其它标签如datalist。通过表单操作时可通过表单元素的form属性与表单关联
form idf1/form
button formactionadd formf1提交/button
input typetext namename formf1
8语法的处理
HTML无法处理不准确的语法。当标签未正确结束时不会补全标签。
HTML5能够处理不准确的语法。当标签未正确结束时会自动补全标签。 更多学习视频和专栏文章请到哔站个人空间 布道师学院的个人空间-布道师学院个人主页-哔哩哔哩视频
更多资源和项目下载请到”开源吧找实战项目和毕设项目的好网站“ 开源吧