在互联网快速发展的今天，HTML网页制作不再局限于基础的静态页面创建。作为网页设计和开发领域的基石，HTML技术持续创新，推出了许多令人振奋的新特性与方法。这些创新点不仅提升了网页的美观性和功能性，还增强了用户体验和页面的互动性。本文将深入探讨HTML网页制作的创新点，为网页开发者们提供一些前沿的方向和思路。
目录
1.HTML5的新元素和API
2.网页响应式设计的进阶方法
3.前端JavaScript框架与库的融合
4.动画和交互动效的增强
5.PWA（ProgressiveWebApps）的应用
6.Web组件和微前端架构
7.SEO优化在HTML页面中的实践
8.安全性增强与隐私保护措施
HTML5的新元素和API
HTML5是HTML技术的最新版本，它引入了新的语义元素如``,``,``,`
网页响应式设计的进阶方法
响应式网页设计通过媒体查询（MediaQueries）允许网页在不同设备和屏幕尺寸上自适应。而随着CSS技术的发展，如Flexbox和Grid布局系统的加入，HTML网页的响应式设计变得更加灵活和强大。现在，开发者可以利用这些CSS布局特性构建更加复杂和优雅的响应式布局。
前端JavaScript框架与库的融合
虽然HTML是网页结构的框架，但现代网页的交互几乎都离不开JavaScript的辅助。jQuery、React、Angular、Vue等JavaScript库和框架提供了构建动态、高性能前端应用的工具。将这些工具与HTML结合，能够创造出更加丰富和流畅的用户交互体验。
动画和交互动效的增强
HTML5配合CSS3，让网页动画和交互动效的实现变得简单而高效。通过`@keyframes`规则、`transform`和`transition`属性，开发者可以为网页元素创建平滑的动画效果。WebAnimationsAPI为开发者提供了更高级的动画控制能力，使得网页动画可以做到更加精细和可控。
PWA（ProgressiveWebApps）的应用
PWA是一种将传统网页应用和现代移动应用特性结合在一起的技术。它允许网页能够离线工作，提供更像原生应用的用户界面和体验。通过HTTPS、Manifest文件和ServiceWorkers，HTML网页可以实现安装、推送通知等原生应用才有的功能，极大地扩展了网页的应用场景。
Web组件和微前端架构
Web组件是一种创建封装的、可重用的代码的方法，包括自定义元素、HTML模板、影子DOM和HTML导入。这使得开发人员能够构建可独立开发和维护的组件，从而提高开发效率并降低复杂性。微前端架构则是基于Web组件的概念，将大型前端应用分解为多个独立运行的部分，各自有独立的生命周期，但又能组合成一个完整的应用。
SEO优化在HTML页面中的实践
随着搜索引擎算法的不断完善，良好的SEO实践已经成为HTML网页制作不可或缺的一部分。使用语义化标签、正确的元标签（如`
`、`<metaname="description">`）、结构化数据标记（Schema.org）等，都可以帮助网页在搜索引擎中获得更好的排名。优化图片大小和使用合适的alt标签也是提高SEO表现的关键因素。</p>
<h2>安全性增强与隐私保护措施</h2>
<p>随着隐私和数据保护意识的提升，HTML网页制作中的安全性也成为一个重要的话题。利用HTTPS协议加密数据传输、实施内容安全策略（CSP）、避免使用有安全风险的旧版代码，都是确保网站安全的做法。同时，遵守GDPR等隐私法规，清晰地处理用户数据和隐私，对于构建用户信任至关重要。</p>
<h2>综上所述</h2>
<p>HTML网页制作的创新点为开发者提供了更多构建丰富、高效、互动性强和安全的网页的能力。无论是通过使用HTML5的新特性，还是通过结合现代的前端技术和设计方法，网页开发人员都可以创建出既能提升用户体验，又能满足SEO和安全性需求的网页。随着技术的不断进步，HTML网页制作的未来充满了无限可能。</p>
<div style="background-color: #fcf8e3;border-color: #faebcc;color: #f39c12;padding: 15px;margin-bottom: 17px;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 3px;">
<p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。</p>
</div>
<p>转载请注明来自<a href="https://www.seo99.cn/" title="九九seo"><strong>九九seo</strong></a>，本文标题：<a href="https://www.seo99.cn/article-58552-1.html" title="HTML网页制作有哪些创新点？如何提升用户体验？">《HTML网页制作有哪些创新点？如何提升用户体验？》</a><p>
<p class="info-tag">标签：</p>
<div class="info-zan ta-c">
<a href="javascript:;" class="share"><i class="iconfont icon-fenxiang"></i></a> <a href="javascript:;" class="sponsor"><i class="iconfont icon-redpacket"></i></a> </div>
</div>
</div>
</div>
<div class="info-next tx-box mb15">
<ul class="clearfix">
<li class="fl">上一篇： <a href="https://www.seo99.cn/article-59114-1.html" title="抖音广角剪辑怎么做？视频广角效果如何实现？">抖音广角剪辑怎么做？视频广角效果如何实现？</a>
</li>
<li class="fr">下一篇： <a href="https://www.seo99.cn/article-59111-1.html" title="泰州短视频优化怎么做？如何提升短视频在泰州的搜索引擎排名？">泰州短视频优化怎么做？如何提升短视频在泰州的搜索引擎排名？</a>
</li>
</ul>
</div>
<div class="info-close tx-box mb15">
<h2 class="tx-title">猜你喜欢</h2>
<div class="pd15">
<ul class="row">
<li class="col-6 col-m-12"> <a href="https://www.seo99.cn/article-56145-1.html" title="html5网页制作软件有哪些？如何选择适合自己的工具？" class="img-x20"><img src="https://www.seo99.cn/zb_users/upload/2025/06/20250604183516_68397.jpeg" alt="html5网页制作软件有哪些？如何选择适合自己的工具？"></a> <h3><a href="https://www.seo99.cn/article-56145-1.html" title="html5网页制作软件有哪些？如何选择适合自己的工具？">html5网页制作软件有哪些？如何选择适合自己的工具？</a></h3>
</li>
<li class="col-6 col-m-12"> <a href="https://www.seo99.cn/article-52106-1.html" title="怎样制作网页？网页制作的基本步骤是什么？" class="img-x20"><img src="https://www.seo99.cn/zb_users/upload/2025/04/20250416191746_81623.jpeg" alt="怎样制作网页？网页制作的基本步骤是什么？"></a> <h3><a href="https://www.seo99.cn/article-52106-1.html" title="怎样制作网页？网页制作的基本步骤是什么？">怎样制作网页？网页制作的基本步骤是什么？</a></h3>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-left">
<dl>
<ul class="side-menu">
<li><a title="城市SEO" href="https://www.seo99.cn/CSSEO.html">城市SEO</a></li>
<li><a title="百度优化" href="https://www.seo99.cn/BDYH.html">百度优化</a></li>
<li><a title="SEO优化" href="https://www.seo99.cn/SEOYH.html">SEO优化</a></li>
<li><a title="SEO技术" href="https://www.seo99.cn/SEOJS.html">SEO技术</a></li>
<li><a title="SEO服务" href="https://www.seo99.cn/SEOFW.html">SEO服务</a></li>
<li><a title="短视频推广" href="https://www.seo99.cn/DSPTG.html">短视频推广</a></li>
<li><a title="SEO推广" href="https://www.seo99.cn/SEOTG.html">SEO推广</a></li>
<li><a title="SEO基础" href="https://www.seo99.cn/SEOJC.html">SEO基础</a></li>
</ul>
</dl>
<dl>
<dt>关于我</dt>
<dd>
<!--<p class="mb10">关注微信送SEO教程</p>-->
<p class="mb10 img-d"><img src="https://www.seo99.cn/zb_users/theme/tx_three/include/weixin.png"></p>
<ul class="side-contact row">
<li class="col-8 col-m-8"><a href="http://wpa.qq.com/msgrd?v=3&uin=1561571580&site=qq&menu=yes" target="_blank" rel="nofollow"><i class="iconfont icon-qq2"></i> <p>QQ</p></a></li>
<li class="col-8 col-m-8"><a href="#" target="_blank" rel="nofollow"><i class="iconfont icon-weibo1"></i> <p>微博</p></a></li>
<li class="col-8 col-m-8"><a href="mailto:@1561571580@qq.com" target="_blank" rel="nofollow"><i class="iconfont icon-mail"></i> <p>邮箱</p></a></li>
</ul>
</dd>
</dl>
</div>
<div class="side-right">
<dl class="function" id="divSearchPanel">
<dt class="function_t">搜索</dt><dd class="function_c">
<div><form name="search" method="post" action="https://www.seo99.cn/zb_system/cmd.php?act=search"><input type="text" name="q" size="11" /> <input type="submit" value="搜索" /></form></div>
</dd>
</dl>
<dl class="function" id="divPrevious">
<dt class="function_t">最新文章</dt><dd class="function_c">
<ul><li><a title="快手小女孩声音剪辑教程？剪辑时应注意哪些问题？" href="https://www.seo99.cn/article-56439-1.html">快手小女孩声音剪辑教程？剪辑时应注意哪些问题？</a></li>
<li><a title="焦作短视频优化怎么做？如何提升短视频在搜索引擎中的排名？" href="https://www.seo99.cn/article-56438-1.html">焦作短视频优化怎么做？如何提升短视频在搜索引擎中的排名？</a></li>
<li><a title="营销网站视频制作教程？视频制作流程和常见问题解答？" href="https://www.seo99.cn/article-56020-1.html">营销网站视频制作教程？视频制作流程和常见问题解答？</a></li>
<li><a title="网站网址分析怎么写？分析网站网址的正确方法是什么？" href="https://www.seo99.cn/article-56012-1.html">网站网址分析怎么写？分析网站网址的正确方法是什么？</a></li>
<li><a title="快手翅膀花字怎么剪辑的？剪辑步骤和技巧是什么？" href="https://www.seo99.cn/article-56441-1.html">快手翅膀花字怎么剪辑的？剪辑步骤和技巧是什么？</a></li>
<li><a title="快手放映室剪辑视频怎么弄？操作步骤和常见问题解答？" href="https://www.seo99.cn/article-56440-1.html">快手放映室剪辑视频怎么弄？操作步骤和常见问题解答？</a></li>
<li><a title="兼职网站推广如何收费？收费标准有哪些？" href="https://www.seo99.cn/article-56034-1.html">兼职网站推广如何收费？收费标准有哪些？</a></li>
<li><a title="HTML眼睛语法有哪些？如何正确使用HTML眼睛语法？" href="https://www.seo99.cn/article-56031-1.html">HTML眼睛语法有哪些？如何正确使用HTML眼睛语法？</a></li>
<li><a title="南川短视频优化要怎么做？如何提升短视频在南川的曝光率？" href="https://www.seo99.cn/article-56443-1.html">南川短视频优化要怎么做？如何提升短视频在南川的曝光率？</a></li>
<li><a title="圣诞剪辑音频怎么上传到抖音？操作步骤是什么？" href="https://www.seo99.cn/article-56442-1.html">圣诞剪辑音频怎么上传到抖音？操作步骤是什么？</a></li>
</ul>
</dd>
</dl>
<dl class="function" id="divtxhotlist">
<dt class="function_t">热门文章</dt><dd class="function_c">
<ul><li><a href="https://www.seo99.cn/article-58516-1.html" title="怎么把网站推广营销关闭？关闭后如何处理剩余广告预算？">怎么把网站推广营销关闭？关闭后如何处理剩余广告预算？</a></li><li><a href="https://www.seo99.cn/article-59409-1.html" title="小红书发笔记剪辑怎么发？视频剪辑后如何正确上传？">小红书发笔记剪辑怎么发？视频剪辑后如何正确上传？</a></li><li><a href="https://www.seo99.cn/article-59379-1.html" title="抖音视频卡点慢放模糊如何解决？">抖音视频卡点慢放模糊如何解决？</a></li><li><a href="https://www.seo99.cn/article-58511-1.html" title="网站分析公众号怎么做的？如何通过公众号提升网站流量？">网站分析公众号怎么做的？如何通过公众号提升网站流量？</a></li><li><a href="https://www.seo99.cn/article-58508-1.html" title="软件架构怎么搭建网站的？搭建网站有哪些常见问题？">软件架构怎么搭建网站的？搭建网站有哪些常见问题？</a></li><li><a href="https://www.seo99.cn/article-58590-1.html" title="网站怎么样优化关键词？如何提高搜索引擎排名？">网站怎么样优化关键词？如何提高搜索引擎排名？</a></li><li><a href="https://www.seo99.cn/article-59392-1.html" title="抖音两首音乐怎么剪辑？视频编辑的正确步骤是什么？">抖音两首音乐怎么剪辑？视频编辑的正确步骤是什么？</a></li><li><a href="https://www.seo99.cn/article-58519-1.html" title="怎么选网站优化关键词？有效关键词选择的策略是什么？">怎么选网站优化关键词？有效关键词选择的策略是什么？</a></li><li><a href="https://www.seo99.cn/article-58579-1.html" title="怎么做网站问卷调查分析？分析结果如何解读？">怎么做网站问卷调查分析？分析结果如何解读？</a></li><li><a href="https://www.seo99.cn/article-58588-1.html" title="如何推广一个网站呢？有效策略和常见问题解答？">如何推广一个网站呢？有效策略和常见问题解答？</a></li><li><a href="https://www.seo99.cn/article-58820-1.html" title="百度网站关键词怎么布局？布局策略有哪些常见问题？">百度网站关键词怎么布局？布局策略有哪些常见问题？</a></li><li><a href="https://www.seo99.cn/article-59278-1.html" title="快手剪辑头像背景怎么弄？详细步骤和技巧是什么？">快手剪辑头像背景怎么弄？详细步骤和技巧是什么？</a></li><li><a href="https://www.seo99.cn/article-59376-1.html" title="抖音火苗视频剪辑怎么做？制作过程中的常见问题有哪些？">抖音火苗视频剪辑怎么做？制作过程中的常见问题有哪些？</a></li><li><a href="https://www.seo99.cn/article-58565-1.html" title="HTML网页重构有哪些常见问题？如何解决？">HTML网页重构有哪些常见问题？如何解决？</a></li><li><a href="https://www.seo99.cn/article-58568-1.html" title="HTML学习中推荐的编程软件有哪些？如何选择适合自己的编程工具？">HTML学习中推荐的编程软件有哪些？如何选择适合自己的编程工具？</a></li><li><a href="https://www.seo99.cn/article-58730-1.html" title="怎么在网站上推广营销？有效策略和常见问题解答？">怎么在网站上推广营销？有效策略和常见问题解答？</a></li><li><a href="https://www.seo99.cn/article-59325-1.html" title="怎么在抖音视频中添加年龄？添加年龄的剪辑步骤是什么？">怎么在抖音视频中添加年龄？添加年龄的剪辑步骤是什么？</a></li><li><a href="https://www.seo99.cn/article-59326-1.html" title="快手短视频带货剪辑技巧有哪些？如何高效制作带货视频？">快手短视频带货剪辑技巧有哪些？如何高效制作带货视频？</a></li><li><a href="https://www.seo99.cn/article-59382-1.html" title="抖音图案剪辑怎么弄的好看？有哪些技巧和工具推荐？">抖音图案剪辑怎么弄的好看？有哪些技巧和工具推荐？</a></li><li><a href="https://www.seo99.cn/article-59385-1.html" title="抖音扣篮慢动作视频如何剪辑？步骤和技巧是什么？">抖音扣篮慢动作视频如何剪辑？步骤和技巧是什么？</a></li></ul>
</dd>
</dl>
<dl class="function" id="divhottag">
<dt class="function_t">热门tag</dt><dd class="function_c">
<div><a href="https://www.seo99.cn/view-15-1.html" title="优化">优化</a><a href="https://www.seo99.cn/view-2-1.html" title="抖音">抖音</a><a href="https://www.seo99.cn/view-24-1.html" title="SEO优化">SEO优化</a><a href="https://www.seo99.cn/view-16-1.html" title="网站优化">网站优化</a><a href="https://www.seo99.cn/view-810-1.html" title="抖音小店">抖音小店</a><a href="https://www.seo99.cn/view-71-1.html" title="抖音seo">抖音seo</a><a href="https://www.seo99.cn/view-1805-1.html" title="快手">快手</a><a href="https://www.seo99.cn/view-14-1.html" title="排名">排名</a><a href="https://www.seo99.cn/view-325-1.html" title="抖音直播">抖音直播</a><a href="https://www.seo99.cn/view-29-1.html" title="网站排名">网站排名</a><a href="https://www.seo99.cn/view-2227-1.html" title="小红书">小红书</a><a href="https://www.seo99.cn/view-97-1.html" title="抖音橱窗">抖音橱窗</a><a href="https://www.seo99.cn/view-41-1.html" title="百度优化">百度优化</a><a href="https://www.seo99.cn/view-21-1.html" title="关键词排名">关键词排名</a><a href="https://www.seo99.cn/view-1046-1.html" title="网站建设">网站建设</a><a href="https://www.seo99.cn/view-18-1.html" title="关键词优化">关键词优化</a><a href="https://www.seo99.cn/view-47-1.html" title="搜索引擎优化">搜索引擎优化</a><a href="https://www.seo99.cn/view-57-1.html" title="SEO基础">SEO基础</a><a href="https://www.seo99.cn/view-10504-1.html" title="SEO">SEO</a><a href="https://www.seo99.cn/view-26-1.html" title="SEO技术">SEO技术</a></div>
</dd>
</dl>
<dl class="function" id="divTags">
<dt class="function_t">标签列表</dt><dd class="function_c">
<ul><li><a title="抖音" href="https://www.seo99.cn/view-2-1.html">抖音<span class="tag-count"> (2858)</span></a></li>
<li><a title="排名" href="https://www.seo99.cn/view-14-1.html">排名<span class="tag-count"> (682)</span></a></li>
<li><a title="优化" href="https://www.seo99.cn/view-15-1.html">优化<span class="tag-count"> (3594)</span></a></li>
<li><a title="网站优化" href="https://www.seo99.cn/view-16-1.html">网站优化<span class="tag-count"> (1309)</span></a></li>
<li><a title="关键词优化" href="https://www.seo99.cn/view-18-1.html">关键词优化<span class="tag-count"> (474)</span></a></li>
<li><a title="关键词排名" href="https://www.seo99.cn/view-21-1.html">关键词排名<span class="tag-count"> (517)</span></a></li>
<li><a title="关键词" href="https://www.seo99.cn/view-22-1.html">关键词<span class="tag-count"> (318)</span></a></li>
<li><a title="SEO优化" href="https://www.seo99.cn/view-24-1.html">SEO优化<span class="tag-count"> (1529)</span></a></li>
<li><a title="SEO技术" href="https://www.seo99.cn/view-26-1.html">SEO技术<span class="tag-count"> (327)</span></a></li>
<li><a title="网站排名" href="https://www.seo99.cn/view-29-1.html">网站排名<span class="tag-count"> (591)</span></a></li>
<li><a title="百度优化" href="https://www.seo99.cn/view-41-1.html">百度优化<span class="tag-count"> (529)</span></a></li>
<li><a title="搜索引擎优化" href="https://www.seo99.cn/view-47-1.html">搜索引擎优化<span class="tag-count"> (417)</span></a></li>
<li><a title="SEO基础" href="https://www.seo99.cn/view-57-1.html">SEO基础<span class="tag-count"> (351)</span></a></li>
<li><a title="抖音seo" href="https://www.seo99.cn/view-71-1.html">抖音seo<span class="tag-count"> (961)</span></a></li>
<li><a title="抖音橱窗" href="https://www.seo99.cn/view-97-1.html">抖音橱窗<span class="tag-count"> (562)</span></a></li>
<li><a title="抖音直播" href="https://www.seo99.cn/view-325-1.html">抖音直播<span class="tag-count"> (623)</span></a></li>
<li><a title="抖音小店" href="https://www.seo99.cn/view-810-1.html">抖音小店<span class="tag-count"> (1291)</span></a></li>
<li><a title="营销型网站" href="https://www.seo99.cn/view-891-1.html">营销型网站<span class="tag-count"> (317)</span></a></li>
<li><a title="网站推广" href="https://www.seo99.cn/view-962-1.html">网站推广<span class="tag-count"> (327)</span></a></li>
<li><a title="网站建设" href="https://www.seo99.cn/view-1046-1.html">网站建设<span class="tag-count"> (485)</span></a></li>
<li><a title="搜索引擎" href="https://www.seo99.cn/view-1362-1.html">搜索引擎<span class="tag-count"> (298)</span></a></li>
<li><a title="快手" href="https://www.seo99.cn/view-1805-1.html">快手<span class="tag-count"> (750)</span></a></li>
<li><a title="快手直播" href="https://www.seo99.cn/view-1823-1.html">快手直播<span class="tag-count"> (299)</span></a></li>
<li><a title="小红书" href="https://www.seo99.cn/view-2227-1.html">小红书<span class="tag-count"> (580)</span></a></li>
<li><a title="SEO" href="https://www.seo99.cn/view-10504-1.html">SEO<span class="tag-count"> (349)</span></a></li>
</ul>
</dd>
</dl>
<dl class="function" id="divLinkage">
<dt class="function_t">友情链接</dt><dd class="function_c">
<ul><li class="link-item"><a href="https://www.gzjbfs.net/" target="_blank" title="GZ知识号">GZ知识号</a></li><li class="link-item"><a href="https://www.yyglgw.com/" target="_blank" title="丫丫百科">丫丫百科</a></li><li class="link-item"><a href="https://www.usbzl.com/" target="_blank" title="Win之号">Win之号</a></li>
</ul>
</dd>
</dl> </div>
</div>
<div class="footer tx-color1 tx-color2">
<div class="wide">
Copyright © www.seo99.cn All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">渝ICP备2023007620号</a> 图片来源于网络，如有侵权请联系删除<br><script>(function(){var bp=document.createElement('script');var curProtocol=window.location.protocol.split(':')[0];if(curProtocol==='https'){bp.src='https://zz.bdstatic.com/linksubmit/push.js'}else{bp.src='http://push.zhanzhang.baidu.com/push.js'}var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp,s)})();</script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?a8992a46979ef56320bae288d20caf23";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script> </div>
</div>
<div class="sponsor-box pop-box" style="display:none;">
<div class="pop-con">
<h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>谢谢打赏</h2>
<ul class="clearfix">
<li>
<img src="https://www.seo99.cn/zb_users/theme/tx_three/include/weixin.png">
<p>支付宝</p>
</li>
<li>
<img src="https://www.seo99.cn/zb_users/theme/tx_three/include/zfb.png">
<p>微信</p>
</li>
</ul>
</div>
<div class="pop-off1"></div>
</div>
<div class="share-box pop-box" style="display:none;">
<div class="pop-con">
<h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>在线分享</h2>
<div class="pd20">
<div class="bsync-custom icon-long-orange"><a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event)"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#uuid=#uuid=&style=1"></script> </div>
</div>
<div class="pop-off1"></div>
</div>
<div class="gotop" style="display:none"><i class="iconfont icon-dingbu"></i></div>
<script src="https://www.seo99.cn/zb_users/theme/tx_three/script/txcstx.js" type="text/javascript"></script>
<script src="https://www.seo99.cn/zb_users/theme/tx_three/script/imgpang.js?r=1.5.8" type="text/javascript"></script><script language="javascript" src="https://www.seo99.cn/zb_users/plugin/tx_side/js/txcstx.js"></script>
</body>
</html><!--284.64 ms , 24 queries , 4598kb memory , 0 error--> 
游客
2025-07-05 08:17:02
3