何做一个旅游网页

1.确定使用table来完成布局

2.如果某一行只有一个单元格，则使用<tr><td></td></tr>

代码下载：

https://ww.lanzous.com/b015eir8j 密码:ghdp

是否曾经遇到过这样的情况：在学习《HTML 5 移动Web开发任务教程》这门课程时，感觉无从下手，不知道该如何学好它？如果是这样的话，那么今天我就来分享一些学好这门课程的方法和技巧。

首先，我们需要了解这门课程的主要内容和目标。这门课程主要是介绍如何使用HTML 5、CSS3和JavaScript等技术，开发移动Web应用程序。因此，我们需要熟练掌握这些基础技术，并且了解它们在移动Web开发中的应用。

其次，我们需要掌握一些学习技巧和方法。以下是一些实用的学习技巧：

1️⃣认真阅读课程教材和其他相关资料，做好笔记，加深记忆。

2️⃣跟随课程进度，完成每一个任务和练习，巩固所学知识。

3️⃣参加课程讨论和问答环节，与同学和老师交流，解决自己的疑惑和问题。

4️⃣使用在线开发工具和实践平台，练习和巩固所学的知识和技能。

此外，我们还需要有一些自律和计划性的学习态度。以下是一些实用的学习态度：

1️⃣制定合理的学习计划，安排每天的学习任务和时间。

2️⃣遵守学习规律和方法，做到不拖延学习进度，不放弃学习目标。

3️⃣自我评估学习效果，及时调整学习策略和方法。

4️⃣保持积极的学习态度和心态，不断学习和探索新的知识和技能。

最后，我们需要将所学知识应用到实践中，做出实际的项目和作品。以下是一些实践性的建议：

1️⃣参加开源项目和社区，与其他开发者交流和学习。

2️⃣使用自己的开发环境和工具，尝试开发一些小项目和练习。

3️⃣参加一些比赛和实践活动，展示自己的技能和成果。

总之，学好《HTML 5 移动Web开发任务教程》这门课程需要我们掌握一定的基础知识和学习技巧，同时也需要我们在实践中不断探索和学习。通过以上的方法和技巧，相信你一定可以更好地掌握这门课程，实现自己的学习目标。

业网页推广时出现网页兼容问题，不仅在pc端开发中会碰到，而且在APP开发当中也会经常碰到。

1、禁止图片点击放大

部分安卓手机点击图片会放大，如需要禁止放大，只需要设置css属性，这样会让img标签的点击事件失效，如果想要给图片添加点击事件就要给上面再写一层。

方案：img{ pointer-events:none; }

2、禁止iOS设别长串数字为电话

方案：<meta name="format-detection" content="telephone=no" />

3、禁止赋值、选中文本

方案：设置CSS属性，-webkit-user-select:none

4、一些情况下对非可点击元素如（label,span）监听点击事件，不会在iOS下触发

方案：css属性增加 cursor:pointer

5、上下拉动滚动条时卡顿、慢

方案：body{ -webkit-overflow-scrolling:touch;overflow-scrolling:touch; }

6、安卓不会自动播放视频

安卓手机的autoplay没有生效，需要手动触发一下

方案：window.addEventListener('touchstart',()=>{ audio.play(); },false)

7、半透明的遮罩层改为全透明

在iOS上，当点击一个链接或者通过js绑定了点击事件的元素时，会出现一个半透明的背景，当手指离开屏幕，灰色背景消失，出现“闪屏”

方案：html,body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

8、ios系统全屏状态下浏览器上下滚动时会出现底色问题

移动端项目要求是全屏滚动，用的是 fullpage，上下滚动时安卓正常，苹果手机浏览器上下滚动时会出现底色问题

方案：document.body.addEventListener('touchmove',function(e) { e.preventDefault();}, {passive:false})。