web 端內(nèi)容呈現(xiàn)的結(jié)構(gòu)應(yīng)該算是頁面交互的范疇，網(wǎng)頁的頁面并不只是長(zhǎng)頁面的形式，實(shí)際上會(huì)有更多種結(jié)構(gòu)可用。web 端結(jié)構(gòu)上比移動(dòng)端更加靈活，同時(shí)根據(jù)產(chǎn)品的性質(zhì)也有需要考慮移動(dòng)端響應(yīng)式的需求，一般來講這些頁面結(jié)構(gòu)形式可以分為以下六類：

1. 上下長(zhǎng)屏滾動(dòng)結(jié)構(gòu)

通過長(zhǎng)頁面布局內(nèi)容，頁面滾動(dòng)查看信息

實(shí)例地址：http://bzks.vhost.lanyunwork.com/

2. 全屏上下切換結(jié)構(gòu)

每次定焦一屏的范圍顯示內(nèi)容，通過滾輪或按鈕上下切屏

實(shí)例地址：https://www.wzpm.com.cn/

3.全屏左右切換結(jié)構(gòu)

定焦一屏顯示內(nèi)容，但采取左右切換結(jié)構(gòu)

實(shí)例地址：https://www.cndingliu.com/

4. 全屏頁面覆蓋結(jié)構(gòu)

基于全屏定焦顯示，頁面通過覆蓋式切換或跳轉(zhuǎn)，甚至鼠標(biāo)滾輪深入或淺出頁面

實(shí)例地址：http://www.jhspa6.com/

5. 自適應(yīng)平鋪結(jié)構(gòu)

適用于模塊小而簡(jiǎn)單的頁面，直接將模塊在屏幕內(nèi)一個(gè)個(gè)展開即可，一屏放不下時(shí)可以換行或繼續(xù)平鋪

實(shí)例地址：https://www.dexingroup.com/news/news-1/

6. 三維場(chǎng)景結(jié)構(gòu)

將內(nèi)容場(chǎng)景 3D 化，通常導(dǎo)航或部分 UI 控件會(huì)在屏幕上固定，然后可以采取定向鏡頭伸縮查看，也可以是環(huán)繞中心與自由移動(dòng)查看內(nèi)容信息

實(shí)例地址：https://acoustics.autoneum.com/?ref=reeoo