html5应该独立于设备，html5支持哪些元素

移动端HTML5如何开发?跟PC端有什么区别

web前端开发，所涵盖的范围比5更加大。web前端开发还包括了其它技能，比如说后台，css，div等都是属于web前端开发的，5和其它技能都是一样的，是属于web前端开发的一种技术，就是平时所说的移动端的网页制作，简称H5。

H5端和PC端在页面展示和交互方式上有所不同。H5端指的是基于HTML5技术开发的移动端网页，通常用于手机浏览器访问。H5端页面设计更注重移动设备的触屏操作和适配，通常采用响应式布局或者针对不同设备尺寸进行适配。而PC端则是指传统的桌面电脑端网页，设计更注重鼠标键盘的操作和大屏幕展示。

导航设计 手机端页面导航应当包括用户必要的内容，删除屏幕上不必要的链接，假如链接的详细页面内容不是用户想要的，用户不会点击，也就没必要设置。其中建立导航功能键的时候，其中以回到首页、回到上一页这两个最为重要。

第普通移动端网页（比如手机新浪网，手机淘宝，手机百度等）这个在js方面和PC端区别不是太大；主要的区别在于移动端没有了鼠标悬停（onmouseover）；点击（onclick）还可以用；多了触摸、滑动（会用一些插件）。

PC端与移动端的区别 pc端与移动端从兼容性、事件处理、布局、动画处理上来说有五种区别。从兼容方面来说， PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核。

传统的前端开发通常指的是Web前端开发，主要应用在PC端，而目前的前端开发除了PC端之外还包含了移动端，而移动端开发在技术结构上有了一些新的变化。在技术结构上，传统的PC端主要以Html、CSS和JavaScript为主，而移动端则需要包括Android开发、iOS开发和WP开发等。

相关问答

Q1: HTML5是只能在移动客户端开发么?

初始不是，但是在后续开发中增强了对移动设备的支持。html5的设计目的应该说是为了跨平台，做到一个网站所有平台都适用，并且改变用户与文档的交互方式。并不是为了某一个平台而开发。html5草案的前身名为 Web Applications 0，在2004年就提出了，那时候还没有移动互联网的概念，移动网络还是用的WAP。

初始不是，但是在后续开发中增强了对移动设备的支持。html5的设计目的应该说是为了跨平台，做到一个网站所有平台都适用，并且改变用户与文档的交互方式。并不是为了某一个平台而开发。

html5是客户端开发语言。页面的实现都是在客户端，但是对数据的操作都要通过服务端接口进行，一般是ajax接口实现。

移动APP相对来说开发成本比较高，周期也比较长。html主要应用于前端web开发，开发制作周期短，费用少。兼容性 手机app在不同的系统中需要开发不同版本（例如前面所说的Android和IOS），而html5可以跨平台主要有浏览器就可以运行。用户体验。执行效率，显示效果，可以调用的系统权限都是不一样的。

Q2: Html5新增的标签有哪些?

1、新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。

2、article元素 ，表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素，表示article元素内容之外的、与article元素内容相关的辅助信息。header元素，表示页面中一个内容区块或真个页面的标题。hgroup元素，表示对真个页面或页面中的一个内容区块的标题进行组合。

3、今天新学习了9个标签、audio 简单的说就是一个音频标签，他的主要常用属性有src=音频的路径 controls=controls 控制参数，他就是可以让其在页面显示一个播放器的效果autoplay=autoplay自动播放属性 loop=loop循环次数video同audio标签一样。是一个视频标签。

Q3: html5新增的标签有什么?

新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。

section元素 ，表示页面中的一个内容区块，比如章节、页眉、页脚或页面的其他部分。可以和h h2……等元素结合起来使用，表示文档结构。例：HTML5中section…/section；HTML4中div ……/div。article元素 ，表示页面中一块与上下文不相关的独立内容。比如一篇文章。

html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。

初步接触html5的标签。给人的第一感觉就是望文知义。这个标签能够很容易让人记住。

Q4: HTML5相对于Android原生或者iOS原生开发,有哪些优劣,发展前景如何_百度...

就目前现状来看，HTML5更有前途些。HTML5 是一个新的web标准的集合，也是一门比较新的技术。他完全可以实现类似于智能手机APP端的应用。只是在国内，受到网速，以及智能设备性能等原因的限制，HTML5 Web应用还处于萌芽发展阶段。

跨平台：HTML5编写的程序可以运行在多个平台上，PC端和移动端，iOS端和Android端。快速迭代：使用原生开发，从招聘、开发、上线各个环节的效率都慢一倍以上，而且参与的人越多，沟通效率往往拖慢不止一倍。

HTML5开发可以提供更快更简单的服务，代码可以高度重用，服务发布方便。动画、游戏动态特效、地理定位等很多app应用都在崛起，HTML5技术的强大优势就是这种惊人的效果。未来使用HTML5开发app将大大减少代码量，应用软件将获得更高的用户体验和更好的视觉效果。

唯一的障碍是在移动端，因为无论是Android还是iOS平台，当前仍是原生应用大行其道。HTML5曾经被寄予厚望过，但是以Facebook为代表的一批公司在移动端对HTML5技术进行实践的心酸血泪史表明，HTML5可以是原生应用开发的一种有效补充，但远不足以替代原生。

基于HTML5强大的兼容性，因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。

Q5: 新浪微博H5版是什么东东?HTML5又是什么东西?

1、新浪微博H5版是新浪微博的一个版本。HTML5是新的浏览器语言，这个版本是支持HTML内容的，就是说html5版本对浏览器要求比较高。这个新浪微博版本是支持HTML5内容的，就是说这是根据最新的技术开发的新版浏览内容，是跟随互联网技术进步改进网站内容的一种形式。

2、新浪微博H5是新浪微博的一个版本。HTML5是一种新的浏览器语言。此版本支持HTML内容，并且表示html5版本需要更高的浏览器。新浪微博版本支持HTML5内容，意味着这是根据最新技术开发的浏览内容的新版本，并且是随着互联网技术的进步改进网站内容的一种形式。

3、演示机型：Iphone 12&&华为P40&&小米11系统版本：iOS14&&EMUI11&&MIUI7APP版本：微博11 微博html5版是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。H5体验版的微博页面精简清晰，支持PC扩展体验，支持位置功能，新增私信对话模式等。

html5应该独立于设备的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5支持哪些元素、html5应该独立于设备的信息别忘了在本站进行查找喔。