通常我們習(xí)慣打開側(cè)邊欄，可以通過如下操作打開圖7打開Sublime側(cè)邊欄截圖來自秒秒學(xué)課程打開側(cè)邊欄后，基本的編輯界面就是下圖中的樣子圖8Sublime基本界面截圖來自秒秒學(xué)課程上圖有行數(shù)，代碼縮略圖，標(biāo)題以及側(cè)；設(shè)計(jì)師可以考慮把側(cè)邊欄做成滑動(dòng)顯示的方式，這樣既節(jié)省了網(wǎng)站之間的空間空，又更加簡潔 在側(cè)邊欄導(dǎo)航的設(shè)計(jì)中，要注意導(dǎo)航欄的寬度如果導(dǎo)航欄中的字體太長，在顯示上會(huì)有一些問題，即使做成滑動(dòng)顯示也不能很好的解決問題復(fù)制的網(wǎng)站不適；純H5的APP，雖然開發(fā)起來要比純?cè)_發(fā)暢快的多，但最終效果和性能還是和原生比起來還是有很多問題，主要聚集在以下幾個(gè)方面1動(dòng)畫 動(dòng)畫有很多種，比如側(cè)邊欄菜單的滑入滑出元素的響應(yīng)動(dòng)畫頁面切換之間的過場等等，在；article 是獨(dú)立的一塊內(nèi)容，比如一篇新聞，一篇文章，包含文章主旨，還可以包含輔助內(nèi)容section 類似div，不過比div更有意義，他是對(duì)內(nèi)容進(jìn)行分塊aside 字面就是側(cè)邊欄，跟內(nèi)容相關(guān)的一些引用內(nèi)容這些元素表現(xiàn)形式都是；var oInp = documentgetElementByIdquotinpquot switcheventtype case quottouchstartquot oInpinnerHTML = quotTouch started quot + eventtouches0clientX + quot，quot + eventtouches0clientY + quotquot；name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，viewportfit=coverquot 這句話的作用就是在適配手機(jī)型號(hào)的時(shí)候，能夠自動(dòng)補(bǔ)齊安全區(qū)域safe area以后的區(qū)域，這樣我們下拉的時(shí)候，就不會(huì)漏出去了。

HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來實(shí)現(xiàn)會(huì)用到css中的positionfixed屬性，結(jié)合來實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0；底部鏈接等， 這些只要使用一些新的標(biāo)簽下面是一張html5概念圖1ltheader 網(wǎng)站頭部標(biāo)簽 2ltnav 導(dǎo)航標(biāo)簽 3ltarticle 內(nèi)容標(biāo)簽 4ltsection 文章標(biāo)簽 5ltaside 側(cè)邊欄 6ltfooter 網(wǎng)站底部標(biāo)簽。

設(shè)置了DTD的方式是XHTML的寫法，假如我們頁面運(yùn)用的是html5，可以不用設(shè)置DTD，直接聲明lt！DOCTYPE html使用viewport使頁面禁止縮放 通常把userscalable設(shè)置為0來關(guān)閉用戶對(duì)頁面視圖縮放的行為完整的viewport設(shè)置，當(dāng)然；設(shè)計(jì)師可以考慮做成側(cè)邊欄以滑動(dòng)方式展現(xiàn)，在節(jié)約網(wǎng)站空間的同時(shí)也顯得更加簡約側(cè)邊欄導(dǎo)航的設(shè)計(jì)需要注意的是導(dǎo)航欄目的寬度問題，若導(dǎo)航欄中字體過長，在展示上會(huì)存在一定的問題，哪怕做成滑動(dòng)展示的形式也不能很好的得以解決；1創(chuàng)建兩個(gè)html文件，一個(gè)test一個(gè)test22打開test頁面，在里面創(chuàng)建一個(gè)div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個(gè)棕綠的頁面4定義兩個(gè)變量，startx為鼠標(biāo)按下的坐標(biāo)，endx為鼠標(biāo)移動(dòng)的坐標(biāo)；側(cè)邊欄導(dǎo)航 使用頻率高代碼如下ltnav ltul ltlilta href=quotquot菜單1ltaltli ltlilta href=quotquot菜單2ltaltli ltlilta href=quotquot菜單3ltaltli ltul ltnav aside aside 標(biāo)簽，從語義化上。

4添加標(biāo)簽 HTML5提供的元素標(biāo)簽用來表示當(dāng)前頁面或文章的附屬信息部分，可以包含與當(dāng)前頁面或主要內(nèi)容相關(guān)的引用側(cè)邊欄廣告nav元素組，以及其他類似的有別與主要內(nèi)容的部分根據(jù)目前的規(guī)范，元素有兩種使用方法被包含；交互點(diǎn)擊 滑動(dòng)切換 H5移動(dòng)網(wǎng)站電商支付，和微海報(bào)等微場景 典型案例 咫尺微頁的H5頁面 付費(fèi)情況 免費(fèi)版能進(jìn)行基礎(chǔ)編輯 增值版能去除尾部鏈接加載LOGO廣告底標(biāo)側(cè)邊欄等廣告，有評(píng)論彈幕等高級(jí)功能，可以互推 8Epub360。

ltnav 導(dǎo)航欄邊導(dǎo)航，頁面導(dǎo)，底部導(dǎo)標(biāo)簽lthgroup 定義多個(gè)標(biāo)題時(shí)ltsection 內(nèi)容分塊可設(shè)置cite屬性ltaside 側(cè)邊欄，定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容如果被刪除，剩下的內(nèi)容仍然很合理ltfigure 代。