何做一個旅游網(wǎng)頁

1.確定使用table來完成布局

2.如果某一行只有一個單元格，則使用<tr><td></td></tr>

代碼下載：

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

是否曾經(jīng)遇到過這樣的情況：在學(xué)習(xí)《HTML 5 移動Web開發(fā)任務(wù)教程》這門課程時，感覺無從下手，不知道該如何學(xué)好它？如果是這樣的話，那么今天我就來分享一些學(xué)好這門課程的方法和技巧。

首先，我們需要了解這門課程的主要內(nèi)容和目標(biāo)。這門課程主要是介紹如何使用HTML 5、CSS3和JavaScript等技術(shù)，開發(fā)移動Web應(yīng)用程序。因此，我們需要熟練掌握這些基礎(chǔ)技術(shù)，并且了解它們在移動Web開發(fā)中的應(yīng)用。

其次，我們需要掌握一些學(xué)習(xí)技巧和方法。以下是一些實(shí)用的學(xué)習(xí)技巧：

1??認(rèn)真閱讀課程教材和其他相關(guān)資料，做好筆記，加深記憶。

2??跟隨課程進(jìn)度，完成每一個任務(wù)和練習(xí)，鞏固所學(xué)知識。

3??參加課程討論和問答環(huán)節(jié)，與同學(xué)和老師交流，解決自己的疑惑和問題。

4??使用在線開發(fā)工具和實(shí)踐平臺，練習(xí)和鞏固所學(xué)的知識和技能。

此外，我們還需要有一些自律和計劃性的學(xué)習(xí)態(tài)度。以下是一些實(shí)用的學(xué)習(xí)態(tài)度：

1??制定合理的學(xué)習(xí)計劃，安排每天的學(xué)習(xí)任務(wù)和時間。

2??遵守學(xué)習(xí)規(guī)律和方法，做到不拖延學(xué)習(xí)進(jìn)度，不放棄學(xué)習(xí)目標(biāo)。

3??自我評估學(xué)習(xí)效果，及時調(diào)整學(xué)習(xí)策略和方法。

4??保持積極的學(xué)習(xí)態(tài)度和心態(tài)，不斷學(xué)習(xí)和探索新的知識和技能。

最后，我們需要將所學(xué)知識應(yīng)用到實(shí)踐中，做出實(shí)際的項(xiàng)目和作品。以下是一些實(shí)踐性的建議：

1??參加開源項(xiàng)目和社區(qū)，與其他開發(fā)者交流和學(xué)習(xí)。

2??使用自己的開發(fā)環(huán)境和工具，嘗試開發(fā)一些小項(xiàng)目和練習(xí)。

3??參加一些比賽和實(shí)踐活動，展示自己的技能和成果。

總之，學(xué)好《HTML 5 移動Web開發(fā)任務(wù)教程》這門課程需要我們掌握一定的基礎(chǔ)知識和學(xué)習(xí)技巧，同時也需要我們在實(shí)踐中不斷探索和學(xué)習(xí)。通過以上的方法和技巧，相信你一定可以更好地掌握這門課程，實(shí)現(xiàn)自己的學(xué)習(xí)目標(biāo)。

業(yè)網(wǎng)頁推廣時出現(xiàn)網(wǎng)頁兼容問題，不僅在pc端開發(fā)中會碰到，而且在APP開發(fā)當(dāng)中也會經(jīng)常碰到。

1、禁止圖片點(diǎn)擊放大

部分安卓手機(jī)點(diǎn)擊圖片會放大，如需要禁止放大，只需要設(shè)置css屬性，這樣會讓img標(biāo)簽的點(diǎn)擊事件失效，如果想要給圖片添加點(diǎn)擊事件就要給上面再寫一層。

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

2、禁止iOS設(shè)別長串?dāng)?shù)字為電話

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

3、禁止賦值、選中文本

方案：設(shè)置CSS屬性，-webkit-user-select:none

4、一些情況下對非可點(diǎn)擊元素如（label,span）監(jiān)聽點(diǎn)擊事件，不會在iOS下觸發(fā)

方案：css屬性增加 cursor:pointer

5、上下拉動滾動條時卡頓、慢

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

6、安卓不會自動播放視頻

安卓手機(jī)的autoplay沒有生效，需要手動觸發(fā)一下

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

7、半透明的遮罩層改為全透明

在iOS上，當(dāng)點(diǎn)擊一個鏈接或者通過js綁定了點(diǎn)擊事件的元素時，會出現(xiàn)一個半透明的背景，當(dāng)手指離開屏幕，灰色背景消失，出現(xiàn)“閃屏”

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

8、ios系統(tǒng)全屏狀態(tài)下瀏覽器上下滾動時會出現(xiàn)底色問題

移動端項(xiàng)目要求是全屏滾動，用的是 fullpage，上下滾動時安卓正常，蘋果手機(jī)瀏覽器上下滾動時會出現(xiàn)底色問題

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