您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > H5

网站程序开发使用的html5你了解吗

时间:2022-09-26 11:09:27  来源:  作者:易企优

首先可以肯定,html5(简称h5)将在很多年内成为互联网的主流。那到底什么是h5呢?想了解h5,先要了解它的前身html和被它终结的flash:

2000年左右的前端静态网页格式是html的,仅支持ie.NETscape等几大主流浏览器。简单地说,利用html中的table标签进行基本图文排版,用JAVAscript脚本(简称js,后面会提到)提供比如跑马灯、打字效果、下拉菜单等简单动画效果。这些table、js代码(其实还有其他)就构成了html文档,传到服务器就能在互联网上浏览了。为了弥补js的粗陋动画效果,有个叫flash的精美动画格式挺身而出了。flash不仅能做动画,还能内嵌视频,那时候做flash的人叫闪客,是个很酷毙了的行业。更多网站建设和seo案例【www.tpsem.com】

在flash动画大行其道的日子里,js动画效果简直连打酱油都算不上。于是将flash格式作为块结构插到html代码里做成网页,这种搭配持续了10几年。中途仅仅将html中的table标签变成了div+css 用来实现内容和样式的分离(这句看不懂就跳过吧,不是重点)。但html+flash的格局是动摇不了的:html用来网页排版,flash做酷炫效果、动画。且不说它两移动端几乎为0,光说pc端,这两种格式都有很大缺点:html效果很单调粗陋,flash无法让搜索引擎搜索,而且所有浏览器不能直接播放,要下载一个flashplayer的插件才行,最要命的是flash技术本身也是有问题的。作个不恰当的比喻,html+flash就像一个土的掉渣的实在人硬生生娶了一个花瓶式的惊艳美女。

到了移动互联网时代来临的2014年,flash在移动端的失败基本上宣布它将退出历史舞台,因为没有人愿意采用手机端和所有苹果产品不支持的玩意,酷毙变成了苦逼……于是问题出来了:流媒体的空缺谁补?酷炫效果谁补?强大的动画效果谁补?总不能由于移动端的普及,反而连累整个电脑端的互联网的效果和动画一下回到解放前吧?

好在html5的到来弥补了这一切,而且几乎所有浏览器宣布对它的支持,现在主流的ie10+、谷歌chrome、safari、opera、火狐以及各种国内浏览器等,各种手机浏览器都支持它的所有功能。不仅如此,h5的优势还体现在:

1.对流媒体、视频的支持前所未有,甚至兼容到了手机版。

2.现在的js脚本咸鱼翻身,动画效果极其强大!并有了支持矢量的canvas功能,弥补了flash退出后的效果缺失。

3.h5的css3样式,支持响应式布局,完成了手机、电脑、pad端的无缝兼容(自适应各种屏幕和设备),而以前的html只支持电脑端

4.支持各种微传播的轻App(类似不需要下载的手机端app,做宣传专题页很合适),这在html时代想都不敢想的。

5.h5和手机app的数据兼容也是无障碍的,很容易通过h5打通各种交互界面、数据。这在html时代更是不敢想的。

h5只有两个缺点:1.ie9以下的浏览器看不到一些酷炫效果,只能提供基本功能,这对兼容性提出了很高的要求。2.开发成本高得多。

名字还叫html,和html的简单排版功能却有着天壤之别。这,就是马上,或者正在崛起的html5!

html5=css3+JavaScript,它承载者打通各大浏览器、各种浏览设备、苹果与PC、Android/ target=_blank class=infotextkey>安卓和windowsIOS、app与轻app、微平台与各种平台的功能并完全兼容……写这种代码的人叫前端设计师,现在是炙手可热的行业。



Tags:html5   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
什么是HTML5?HTML5的含义、元素和好处
译者 | 李睿审校 | 孙淑娟HTML5是超文本标记语言(HTML)的第五版,网络浏览器使用它来可视化代码。它在网站功能、网页内容开发等方面有一些改进。 ​HTML的发展 ​在万维网的...【详细内容】
2023-03-16  Search: html5  点击:(262)  评论:(0)  加入收藏
HTML5第三节 初学者接触列表标签和div标签以及span标签
<ul> <li>为列表标签此为无序列表<type=“?”> <apuare>正方形<circle>空心圆环 <disc>默认 实心园 <ol> <li>为列表标签此为有序列表<type=“?”> <1> <a> <A>等 <dl> <dt>...【详细内容】
2023-02-07  Search: html5  点击:(228)  评论:(0)  加入收藏
网站程序开发使用的html5你了解吗
首先可以肯定,html5(简称h5)将在很多年内成为互联网的主流。那到底什么是h5呢?想了解h5,先要了解它的前身html和被它终结的flash:2000年左右的前端静态网页格式是html的,仅支持ie,n...【详细内容】
2022-09-26  Search: html5  点击:(499)  评论:(0)  加入收藏
使用 JavaScript 和 HTML5 Canvas 绘制图表
你将要创造什么在本教程中,我将向您展示如何使用 JavaScript 和画布以饼图和圆环图的形式显示数字信息。什么是饼图?图表是一种统计工具,用于以图形方式表示数值数据。饼图将...【详细内容】
2022-08-31  Search: html5  点击:(505)  评论:(0)  加入收藏
HTML5新特性
①语义化标签,可以让页面有更加完善的结构,让页面的元素有含义,同时利于被搜索引擎解析,有利于SEO,主要标签包括下面的标签:html5新的常用标签②增强型表单可以通过input的type属...【详细内容】
2022-05-07  Search: html5  点击:(415)  评论:(0)  加入收藏
学习HTML5这一篇就够了
第一章 HTML5概述1.1、什么是HTMLHTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言。1.2、什么是HTML5HTML5是构...【详细内容】
2022-02-28  Search: html5  点击:(475)  评论:(0)  加入收藏
HTML5 标签里的 crossorigin 属性到底有什么用?
最近 Bootstrap 4 已经正式发布了,可能已经有爱尝鲜的小伙伴在 alpha 阶段就尝试过 BS4。不过今天要说的不是 BS4,而是官网里引入 BS4 框架依赖的 jQuery 的代码:<script src="...【详细内容】
2022-02-01  Search: html5  点击:(483)  评论:(0)  加入收藏
一款优秀的 HTML5 视频播放器插件,支持字幕、弹幕、直播
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件&mdash;&mdash;MuiP...【详细内容】
2021-12-16  Search: html5  点击:(1148)  评论:(0)  加入收藏
开源项目评测之Html5视频播放器推荐
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  Search: html5  点击:(1631)  评论:(0)  加入收藏
HTML5 标签大全笔记,用到的时候翻一下,百度都省了
前言在刚接触HTML的时候,你是否被它众多的标签所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的...【详细内容】
2021-08-27  Search: html5  点击:(702)  评论:(0)  加入收藏
▌简易百科推荐
京东快递H5项目接入vite实战
本文介绍了如何在开发阶段将vite应用于vue 2.x 工程,从而提高研发的开发体验与效率。主要涉及如何兼容process变量,如何处理 node-sass 与 dart-sass冲突,以及路径别名的兼容处...【详细内容】
2023-03-17  东东程序猿  今日头条  Tags:H5   点击:(233)  评论:(0)  加入收藏
什么是HTML5?HTML5的含义、元素和好处
译者 | 李睿审校 | 孙淑娟HTML5是超文本标记语言(HTML)的第五版,网络浏览器使用它来可视化代码。它在网站功能、网页内容开发等方面有一些改进。 ​HTML的发展 ​在万维网的...【详细内容】
2023-03-16  李睿  51CTO  Tags:HTML5   点击:(262)  评论:(0)  加入收藏
H5直播技术起航
作者:京东科技 吴磊音视频基本概念视频格式就是通常所说的.mp4,.flv,.ogv,.webm等。简单来说,它其实就是一个盒子,用来将实际的视频流以一定的顺序放入,确保播放的有序和完整性...【详细内容】
2023-01-10  京东云开发者  今日头条  Tags:H5   点击:(240)  评论:(0)  加入收藏
Canvas从入门到实战
1、什么是Canvas?HTML5 提供Canvas API,其本质上是一个DOM元素,可以看成是浏览器提供一块画布供我们在上面渲染2D或者3D图形。由于3D绘制上下文(webgl)目前在很多浏览器上兼...【详细内容】
2022-12-24  闪念基因  今日头条  Tags:Canvas   点击:(223)  评论:(0)  加入收藏
网站程序开发使用的html5你了解吗
首先可以肯定,html5(简称h5)将在很多年内成为互联网的主流。那到底什么是h5呢?想了解h5,先要了解它的前身html和被它终结的flash:2000年左右的前端静态网页格式是html的,仅支持ie,n...【详细内容】
2022-09-26  易企优     Tags:html5   点击:(499)  评论:(0)  加入收藏
使用 JavaScript 和 HTML5 Canvas 绘制图表
你将要创造什么在本教程中,我将向您展示如何使用 JavaScript 和画布以饼图和圆环图的形式显示数字信息。什么是饼图?图表是一种统计工具,用于以图形方式表示数值数据。饼图将...【详细内容】
2022-08-31  兴趣编程网  今日头条  Tags:   点击:(505)  评论:(0)  加入收藏
一看就能学会的H5视频推流方案
环境部署1、 配置、安装 Nginx;# ./configure --sbin-path=/usr/local/nginx/nginx --conf-path=/usr/local/nginx/nginx.pid --with-http_ssl_module --with-pcre=/usr/loca...【详细内容】
2022-08-27  音视频开发老舅    Tags:H5   点击:(619)  评论:(0)  加入收藏
H5实时解码音频并播放
音视频的格式是一个有歧义的说法。我们熟知的诸如Flv、Mp4、Mov啥的都是包装格式,可以理解为一种容器,就像一个盒子。里面放到是经过编码的音视频数据,而这些音视频数据都有自...【详细内容】
2022-08-17  音视频开发老舅    Tags:音频   点击:(686)  评论:(0)  加入收藏
实战演示 H5 性能分析
W3C标准是浏览器标准,一般浏览器都支持W3C标准,它规定使用者可以通过api查询性能信息,可借用W3C协议完成自动化H5性能测试。 W3C官网: https://www.w3.org/TR/navigation-timing...【详细内容】
2022-06-06  CeshirenTester    Tags: H5   点击:(329)  评论:(0)  加入收藏
HTML5新特性
①语义化标签,可以让页面有更加完善的结构,让页面的元素有含义,同时利于被搜索引擎解析,有利于SEO,主要标签包括下面的标签:html5新的常用标签②增强型表单可以通过input的type属...【详细内容】
2022-05-07  Celinf    Tags:HTML5   点击:(415)  评论:(0)  加入收藏
站内最新
站内热门
站内头条