H5新增的常用結(jié)構(gòu)性元素
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供新津縣網(wǎng)站建設(shè)、新津縣做網(wǎng)站、新津縣網(wǎng)站設(shè)計(jì)、新津縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、新津縣企業(yè)網(wǎng)站模板建站服務(wù),10多年新津縣做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。section | 標(biāo)簽定義了文檔的某個(gè)區(qū)域。比如章節(jié)、頭部、底部或者文檔的其他區(qū)域 |
article | 標(biāo)簽定義獨(dú)立的內(nèi)容 標(biāo)簽定義的內(nèi)容本身必須是有意義的且必須是獨(dú)立于文檔的其余部分 |
nav | 標(biāo)簽定義導(dǎo)航鏈接的部分 并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標(biāo)注一個(gè)導(dǎo)航鏈接的區(qū)域。 在不同設(shè)備上(手機(jī)或者PC)可以制定導(dǎo)航鏈接是否顯示,以適應(yīng)不同屏幕的需求 |
aside | <aside> 標(biāo)簽定義 <article> 標(biāo)簽外的內(nèi)容。 aside 的內(nèi)容應(yīng)該與附近的內(nèi)容相關(guān) 例如側(cè)邊欄 |
hgroup | <hgroup> 標(biāo)簽被用來(lái)對(duì)標(biāo)題元素進(jìn)行分組。 當(dāng)標(biāo)題有多個(gè)層級(jí)(副標(biāo)題)時(shí),<hgroup> 元素被用來(lái)對(duì)一系列 <h2> - <h7> 元素進(jìn)行分組 |
footer | <footer> 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁(yè)腳。 <footer> 元素應(yīng)該包含它所包含的元素的信息。 在典型情況下,該元素會(huì)包含文檔創(chuàng)作者的姓名、文檔的版權(quán)信息、使用條款的鏈接、聯(lián)系信息等等。 在一個(gè)文檔中,您可以定義多個(gè) <footer> 元素 |
header | <header> 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁(yè)眉。 <header> 元素應(yīng)該作為介紹內(nèi)容或者導(dǎo)航鏈接欄的容器。 在一個(gè)文檔中,您可以定義多個(gè) <header> 元素。 注釋:<header> 標(biāo)簽不能被放在 <footer>、<address> 或者另一個(gè) <header> 元素內(nèi)部 |
figure | <figure> 標(biāo)簽規(guī)定獨(dú)立的流內(nèi)容(圖像、圖表、照片、代碼等等)。 <figure> 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān),同時(shí)元素的位置相對(duì)于主內(nèi)容是獨(dú)立的。如果被刪除,則不應(yīng)對(duì)文檔流產(chǎn)生影響 |
H5新增的常用語(yǔ)義性元素
mark | <mark> 標(biāo)簽定義帶有記號(hào)的文本。 請(qǐng)?jiān)谛枰怀鲲@示文本時(shí)使用 <mark> 標(biāo)簽 |
progress | <progress> 標(biāo)簽定義運(yùn)行中的任務(wù)進(jìn)度(進(jìn)程) |
time | <time> 標(biāo)簽定義公歷的時(shí)間(24 小時(shí)制)或日期,時(shí)間和時(shí)區(qū)偏移是可選的。 該元素能夠以機(jī)器可讀的方式對(duì)日期和時(shí)間進(jìn)行編碼,這樣,舉例說(shuō),用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中,搜索引擎也能夠生成更智能的搜索結(jié)果 |
details | <details> 標(biāo)簽規(guī)定了用戶可見的或者隱藏的需求的補(bǔ)充細(xì)節(jié)。 <details> 標(biāo)簽用來(lái)供用戶開啟關(guān)閉的交互式控件。任何形式的內(nèi)容都能被放在 <details> 標(biāo)簽里邊。 <details> 元素的內(nèi)容對(duì)用戶是不可見的,除非設(shè)置了 open 屬性 |
datalist | <datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項(xiàng)列表。 <datalist> 標(biāo)簽被用來(lái)在為 <input> 元素提供"自動(dòng)完成"的特性。用戶能看到一個(gè)下拉列表,里邊的選項(xiàng)是預(yù)先定義好的,將作為用戶的輸入數(shù)據(jù)。 請(qǐng)使用 <input> 元素的 list 屬性來(lái)綁定 <datalist> 元素 |
ruby | <ruby> 標(biāo)簽定義 ruby 注釋(中文注音或字符)。 在東亞使用,顯示的是東亞字符的發(fā)音。 將 <ruby> 標(biāo)簽與 <rt> 和 <rp> 標(biāo)簽一起使用: |
menu | <menu> 標(biāo)簽定義了一個(gè)命令列表或菜單。 <menu> 標(biāo)簽通常用于文本菜單,工具條和命令列表選項(xiàng) tip:目前主流瀏覽器并不支持 <menu> 標(biāo)簽 |
command | <command> 標(biāo)簽可以定義用戶可能調(diào)用的命令(比如單選按鈕、復(fù)選框或按鈕)。 當(dāng)使用 <menu> 元素時(shí),command 元素將作為菜單或者工具欄的一部分顯示出來(lái)。但是,用 command 規(guī)定鍵盤快捷鍵時(shí),command元素能被放置在頁(yè)面的任何位置,但元素不可見 tip:主流瀏覽器都不支持 <command> 標(biāo)簽 |
布局結(jié)構(gòu)樣例
臨摹樣例:
思路:
樣例代碼,此代碼不能真實(shí)運(yùn)行,意在表達(dá)出頁(yè)面結(jié)構(gòu)
Structure導(dǎo)航1導(dǎo)航2導(dǎo)航3導(dǎo)航4導(dǎo)航5Lasted News內(nèi)容1內(nèi)容2內(nèi)容3About your site第一段內(nèi)容第二段內(nèi)容About your team哈哈哈哈WebSite template
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
分享名稱:網(wǎng)頁(yè)布局結(jié)構(gòu)分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://aaarwkj.com/article16/dshegg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、微信公眾號(hào)、動(dòng)態(tài)網(wǎng)站、小程序開發(fā)、用戶體驗(yàn)、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容