HTML5網(wǎng)頁可以通過自適應(yīng)代碼，讓頁面在不同設(shè)備上展示效果相同。

<!-- 設(shè)置網(wǎng)頁寬度自動(dòng)適應(yīng)屏幕 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- 設(shè)置樣式更加靈活 -->
<link rel="stylesheet" href="style.css" media="(max-width: 768px)">
<!-- 使用響應(yīng)式圖片 -->
<picture>
<source media="(max-width: 500px)" srcset="small.jpg">
<source media="(max-width: 1200px)" srcset="medium.jpg">
<img src="large.jpg" alt="大圖">
</picture>

上面的代碼中，meta標(biāo)簽中設(shè)置了網(wǎng)頁寬度自適應(yīng)屏幕，這使得用戶在不同設(shè)備上瀏覽網(wǎng)頁時(shí)，網(wǎng)頁都可以自動(dòng)適應(yīng)屏幕大小。

接著，link標(biāo)簽中設(shè)置了樣式表文件style.css只在設(shè)備寬度小于768px時(shí)才被加載，這讓網(wǎng)頁更加靈活。

最后，使用了picture標(biāo)簽和source標(biāo)簽，使得網(wǎng)頁能夠根據(jù)瀏覽器窗口大小自動(dòng)加載不同大小的圖片，從而提高網(wǎng)頁的性能和用戶體驗(yàn)。

以上就是HTML5網(wǎng)頁自適應(yīng)代碼的簡單介紹。