一文读懂前端与HTML5技术的区别!

  一文读懂前端与HTML5技术的区别!

  现在好多人都把HTML5和前端的概念弄混淆了。例如,H5是HTML5的简称,而现在好多人把HTML5看成了是前端开发的总称。到底前端和HTML5有哪些区别?

  什么是前端开发

  以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观,平面的东西。程序开发也好理解就是功能实现。而前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时,即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录,还可以让用户体验更加舒适,使网站在访问中显得更精细、更用心。访客使用起来更简便。另外,现在前端工作还不仅仅只是网页的制作,还有微网站、APP的制作,游戏制作,例如可以将你开发的Web页面直接打包成手机使用的APP应用,游戏的互动界面更是以前端开发技术为主。

  前端开发学习什么?

  学习HTML、CSS和DIV+CSS技术用来制作Web页面;学习Java、DOM、BOM等用建立开发基础;学习 photoshop和Axure等软件应用,完成页面UI设计;也要认识一下NodeJS和PHP加上数据库等这样的后端语言,方便前后端开发配合;学习 HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用;像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术;HTML5地理位置应用、离线应用、webworker多线程实现、websocket、跨平台开发技术和webAPP开发等,这些企业级应用技术也是现在开发的主流;现在前端开发最热门、要人最多,就是使用canvas开发网页游戏动画,以及会用 Cocos2d-js制作游戏等开发。

  什么是HTML5?

  HTML5就是HTML最新标准,是现在Web程序开发的核心、标准通用标记语言下的一个应用HTML的第五次重大修改,这是一项推荐标准。虽然 CSS3和HTML5是两个语言,但通常说HTML5也都泛指包括CSS3,因为它们两个常在一起配合使用的。当然还不指这些,从技术本身分析来看,现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等,现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主,但因为HTML5 这个概念很流行,所以微网站开发、WebAPP或是微网站等应用,很多人都会说使用HTML5开发。

  前端与HTML5的区别?

  现在好多人都把HTML5和前端的概念弄混淆了。例如,H5是HTML5的简称,而现在好多人把HTML5看成了是前端开发的总称。HTML5其实只是前端开发中重要的一部分技术,是现在前端开发的标准组件,特别是在移动端的特效开发、游戏开发,以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”,HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术,其实理解的有一些问题,他们所说的HTML5其实说的就是前端技术,只不过HTML5这个词比较活跃也比较流行,所以多数人都将前端技术叫成了HTML5了。

原文地址:https://www.cnblogs.com/yyuyu/p/10952182.html

时间: 2024-11-06 12:40:09

一文读懂前端与HTML5技术的区别!的相关文章

读懂前端与HTML5技术区别,玩转互联网企业!

潭哥说 现在好多人都把HTML5和前端的概念弄混淆了.例如,H5是HTML5的简称,而现在好多人把HTML5看成了是前端开发的总称.今天潭哥就为各位普及一下,到底前端和HTML5有哪些区别? 什么是前端开发?  以一个网站为例包括网站设计.前端开发.程序开发等.网站设计就是网站的外观,平面的东西.程序开发也好理解就是功能实现.而前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态.它的工作包括了:切图.写样式.做鼠标效果和图片切换效果等.而优秀的前端开发可以保障实现这些效果的同时,即

[转帖]一文读懂分布式架构知识体系(内含超全核心知识大图)

一文读懂分布式架构知识体系(内含超全核心知识大图) https://yq.aliyun.com/articles/721007?spm=a2c4e.11153959.0.0.2f464977X7lSdH 作者 | 晓土  阿里巴巴高级工程师 姊妹篇阅读推荐:<云原生时代,分布式系统设计必备知识图谱(内含22个知识点)> 导读:本文力求从分布式基础理论.架构设计模式.工程应用.部署运维.业界方案这几大方面,介绍基于 MSA(微服务架构)的分布式知识体系大纲,从而对 SOA 到 MSA 进化有着立

区块链产业生态、存在问题及政策建议|一文读懂新趋势

区块链产业生态.存在问题及政策建议|一文读懂新趋势 2017-03-03 09:47:50  来源: 腾讯研究院抢沙发 摘要:从技术上来讲,区块链是一种分布式的记账方法.说到记账,我们经历了从实物记账向电子记账的演变关键词: 区块链 中国信息通信研究院与腾讯研究院区块链联合课题组 卿苏德,中国信息通信研究院区块链研究团队研究员,主要研究方向为区块链和人工智能等. 一.区块链技术原理和发展趋势 01| 区块链--一种分布式记账方法 从技术上来讲,区块链是一种分布式的记账方法.说到记账,我们经历了从

从HTTP/0.9到HTTP/2:一文读懂HTTP协议的历史演变和设计思路

本文原作者阮一峰,作者博客:ruanyifeng.com. 1.引言 HTTP 协议是最重要的互联网基础协议之一,它从最初的仅为浏览网页的目的进化到现在,已经是短连接通信的事实工业标准,最新版本 HTTP/2 更是让它再次成为技术热点. 作为即时通讯开发者来说,深刻理解HTTP协议有助于在现今复杂移动网络环境下的优化和最佳实践的开展,本文将通俗易懂的地介绍 HTTP 协议的历史演变和设计思路. 学习交流: - 即时通讯开发交流3群:185926912[推荐] - 移动端IM开发入门文章:<新手入

一文读懂高性能网络编程中的I/O模型

1.前言 随着互联网的发展,面对海量用户高并发业务,传统的阻塞式的服务端架构模式已经无能为力.本文(和下篇<高性能网络编程(六):一文读懂高性能网络编程中的线程模型>)旨在为大家提供有用的高性能网络编程的I/O模型概览以及网络服务进程模型的比较,以揭开设计和实现高性能网络架构的神秘面纱. 限于篇幅原因,请将本文与<高性能网络编程(六):一文读懂高性能网络编程中的线程模型>连起来读,这样会让知识更连贯. 学习交流: - 即时通讯开发交流3群:185926912[推荐] - 移动端IM

[转帖]一文读懂 HTTP/2

一文读懂 HTTP/2 http://support.upyun.com/hc/kb/article/1048799/ 又小拍 ? 发表于:2017年05月18日 15:34:45 ? 更新于:2017年05月24日 15:06:11 今天,HTTP 1.1 已经变成互联网中主要的协议.但是在 HTTP 协议诞生初期却被认为是简单直接的协议.1996 年在 RFC 1945 中定义了 HTTP 1.0 规范,仅 60 页,到 1999 年在 RFC 2616 定义了 HTTP 1.1,增长到了

[转帖]MerkleDAG全面解析 一文读懂什么是默克尔有向无环图

MerkleDAG全面解析 一文读懂什么是默克尔有向无环图 2018-08-16 15:58区块链/技术 MerkleDAG作为IPFS的核心数据结构,它融合了Merkle Tree和DAG的优点,今天阿信带大家一起来探究什么是MerkleDAG,拆分解说Merkle Tree.DAG有向无环图.MerkleDAG在IPFS中的应用. MerkleDAG树形结构图 Merkle Tree Merkle Tree是由美国计算机学家Merkle于1979年申请的专利. Merkle Tree通常也被

一张表读懂各厂商虚拟化技术

一张表读懂各厂商虚拟化技术,你知道几个? 虚拟化技术 VMWare Microsoft Citrix HuaWei 服务器虚拟化 vSphere Hyper-V XenServer FusionCompute 桌面虚拟化 Horizon RDS XenDesktop FusionAccess 应用程序虚拟化 ThinApp APP-V XenApp FusionAccess 存储虚拟化 vSAN Storage   Space Direct PVS FusionStorage 网络虚拟化 NSX

一文读懂阻塞、非阻塞、同步、异步IO

原文:一文读懂阻塞.非阻塞.同步.异步IO 介绍 在谈及网络IO的时候总避不开阻塞.非阻塞.同步.异步.IO多路复用.select.poll.epoll等这几个词语.在面试的时候也会被经常问到这几个的区别.本文就来讲一下这几个词语的含义.区别以及使用方式.Unix网络编程一书中作者给出了五种IO模型:1.BlockingIO - 阻塞IO2.NoneBlockingIO - 非阻塞IO3.IO multiplexing - IO多路复用4.signal driven IO - 信号驱动IO5.a