2024年html5正在建设中 篇1
想做H5页面，首先我们先来了解一下是什么H5？
通俗的来说，H5是一个网页，就像一个很大的容器，里面可以放文本、图片、音视频等基本的流媒体格式的文件。
既然H5是作为一种广告形式的载体，那么它就可以应用于不同的应用场景，大家在微信里都收到过结婚请柬吧？ 那个就是H5页面制作的了。
上面说到H5的应用场景非常多，比如：邀请函、 招聘 、品牌推广、 产品宣传、 婚礼庆典 、活动营销 、节日主题、 数据报告、 微杂志 、微官网、 年会等等。
创意的形式也是不同多样包含：视频H5 、一镜到底、 全景VR、 快闪、 答题测试 、合成海报、 游戏、 拟态类、 数据表单 、横屏H5、 长页面等等都可以利用H5做到。
那么我们应该怎么制作H5呢？或者应该怎么正确的选择H5制作工具呢？现在市面上有很多制作H5的网站，也有很多模板可以免费套用，但是有些免费模板可选范围小，需要更多创意选择需要开会员或者单独购买单一模板，下面给大家推荐几个常用免费模板较多的网站。
人人秀
推荐指数：★★★★★
rrxiu.cc/home2?WLF=2022zh324
人人秀是一款免费的H5页面制作工具，据称有10万+的免费模板，也是几个软件里相对来说，免费模板最多的了。可以制作H5页面、H5游戏、微信活动、投票活动、邀请函、人人秀贺卡、微页、微场景等H5活动。
有1000个专业的设计师入驻，每天都会更新大量免费的H5模板、海报、表格等。操作比较简单，点击模板套用填入自己需要的信息即可。
人人秀除了能够制作简单的H5页面以外，还支持各种各样的互动插件，比如创建微信红包、抽奖活动、口令红包、转盘抽奖、投票、活动报名、VR、H5游戏等等。
Jimdo
推荐指数：★★★★☆
是一款德国的在线网页自助建站平台，在全球12个国家拥有超过1000万用户。
用户可在不懂任何网页制作方面知识的情况下轻松制作出漂亮的网页。同时除固定模板外，Jimdo允许用户使用自定义代码和widget外部插件接入。
Wix
推荐指数：★★★★☆
Wix基于HTML 5技术的建站工具，向用户提供多种网页模板，操作非常简便，智能拖拽便可完成简单的网页建设。
据Wix统计每天有超过45000的新用户加入Wix，每个类目下有上百的HTML5模板可供使用。
Maka
推荐指数：★★★★☆
Maka也是一款优秀的H5页面制作工具，模板丰富多样，在交互效果方面很人性化，该工具有免费版，不过免费版不提供外链等功能。
Google Web Designer
推荐指数：★★★★☆
Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具。
它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大。
易企秀
推荐指数：★★★★☆
该应用有多种动态模板，并实现多种动态效果，并且，易企秀拥有IOS移动客户端，可以在手机上进行H5的页面制作工作。
图片来自网络，如有侵权联系侵删
2024年html5正在建设中 篇2
html是Hyper Text Markup Language 的简称，这是一种使用标记标签描述网页的标记语言(markup language)，标准通用标记语言下的一个运用。
HTML5最先由WHATWG（Web超文本应用技术工作组）命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生的最新一代的超文本标记语言。（HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。）可以理解为：HTML5 ≈ HTML4.0+CSS3+JS+API。（PS：html是没有1.0版本的，虽然曾经有这个概念，但是并没有正式发布过，也没有使用html1.0来进行命名。这里的HTML4.0是在现在最新的html的规范标准。）
HTML5有两大特点：►首先，强化了Web网页的表现性能。除了可描绘二维图形外，还准备了用于播放视频和音频的标签。►其次，追加了本地数据库等Web应用的功能。
而且HTML5拥有更多种类，功能繁多的新技术和规范。比如：►使用canvas (画布）元素进行绘制；►使用video和audio元素添加流媒体；►在线编辑页面并检査拼写；►在Web应用程序屮使用拖曳功能；►更多的HTML5表单特性；►语义化布局常用标签（例如article、section、nav)创建语义分区，语义化能让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析，即使在没有样式CSS情况下也以一种文档格式来显示，并且是非常容易容易阅读的，而且搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（类似与网络竞价排行，不过不需要花钱），并且呢，语义化标签使得人对网站的维护更加的便捷。►HTML5没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签►语义化布局常用标签......更多规范和新技术请自行查阅相关文档。
HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全的忽略掉新的HTML5代码。与HTML4.01相比，HTML5给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。
相比呆板的html，HTML5显得更加灵活。HTML5元素可以拥有事件属性，使用这些属性可以在浏览器中触发，比如当用户单击元素时触发一段Javascript动作（可单一或者系列的动作）。给静态页面添加更加丰富多彩的动画效果，提升用户交互观感。下面列出的事件属性，可以把它们入 HTML 标签来定义事件行为。 HTML5 中的新事件属性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。
现在的web前端开发的静态网页一般都是html4.0，html标签和属性是html5规范的基础。然而HTML5还包括很多其他的编程接口，而严格来说，这些接口并不是HTML5规范的一部分，例如地理定位、历史API。从此也可以说HTML5比html具有更大的包容性。所谈到的html4.0既是html。
另外HTML5与html相比来说。HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为，让浏览器能够以HTML5的方式来运行，而HTML4基于SGML，所以需要对DTD进行引用才能告知浏览器文档所使用的文档类型是什么。
然而最新的并不代表是最适用的，诚然，HTML5能玩出很多“花”来，但是并不是所有用户都能完美支持HTML5的，HTML5里面有很多特性在PC端低版本浏览器上是不支持的。而移动端浏览器已经支持HTML5了，还有就是访问CSDN的人群基本上没有使用IE8以下的浏览器了。