<video id="dxbtz"></video>
<del id="dxbtz"><listing id="dxbtz"><strike id="dxbtz"></strike></listing></del>
    <meter id="dxbtz"></meter>
<var id="dxbtz"><menuitem id="dxbtz"></menuitem></var>
<menuitem id="dxbtz"><mark id="dxbtz"><listing id="dxbtz"></listing></mark></menuitem>

      <noframes id="dxbtz">
      <meter id="dxbtz"></meter>

        <progress id="dxbtz"><dfn id="dxbtz"></dfn></progress>
            
            

                <track id="dxbtz"></track>
                <thead id="dxbtz"><dfn id="dxbtz"></dfn></thead>
                  <cite id="dxbtz"><menuitem id="dxbtz"><p id="dxbtz"></p></menuitem></cite>

                          <nobr id="dxbtz"><menuitem id="dxbtz"><font id="dxbtz"></font></menuitem></nobr><ol id="dxbtz"><output id="dxbtz"></output></ol>
                            您好,歡迎訪問天津津坤科技發展有限公司網站!我公司是專業的網站建設、網站優化SEO、分站系統,如有需要請聯系我們,熱線電話:400-1166-518.
                            關于我們
                            News Center
                            新聞中心

                            北辰Html5新標簽之aside標簽詳解

                            發布時間:2017-11-22     閱讀次數: 2591 次

                            html5新標簽之<aside>標簽

                            如何定義<aside>及如何使用aside呢?

                            aside這個標簽用來定義網頁布局的側欄容器,就相當于:div定義樣式然后擔當側欄容器。直接讓大家看個例子:


                            <!doctype html>

                            <meta charset="utf-8"> 

                            <html> 

                            <head> 

                            <!--尊重他人勞動果實,轉載請注明出處:今標網絡 021360.net --> 

                            <style type="text/css"> 

                            body{ font-size:12px; padding:10px 0; background:#00CCCC}  

                            *{ margin:0; padding:0;}  

                            .main{ width:960px; height:auto; margin:0 auto}  

                            aside{ text-align:center; padding:20px 0;  background:#efefef; border:#CCCCCC 1px solid; border-radius:3px;-moz-border-radius:3px; -khtml-border-radius:3px; }  

                            aside.left{ width:30%; height:600px; float:left;}  

                            aside.right{ width:60%; height:600px; float:right;}  

                            </style> 

                            <title>Html5新標簽之&lt;aside&gt;標簽</title> 

                            </head> 

                            <body> 

                            <div class="main"> 

                            <aside draggable="true" class="left"> 

                            左側欄  

                            </aside> 

                            <aside contenteditable="true" class="right"> 

                            右側欄。  

                            </aside> 

                            </div> 

                            </body> 

                            </html>



                                  這種定義方法帶來的好處就是能夠統一調用基本屬性,其實這種布局通過div也能夠實現,不過官方既然出了這個標簽,那就肯定有別的用意。

                                  這里大家可以略知即可,后面還有寫幾個成型的網站,再為大家一一詳解。從例子得到,它也支持article的屬性,因此可以得一結論:article、aside標簽可以理解成為容器量身定做的一件衣服。

                                  大家自己動手測試下,不愿意復制代碼的可以下載附件:


                                  <aside>標簽支持哪些屬性呢?

                                  常用的屬性:class、id、style,這三個就不用給大家介紹了。

                                  在這里著重的給大家說aside標簽的新屬性及屬性值:

                                  contenteditable(規定是否允許用戶編輯內容。值:true、false)

                                  contextmenu(規定元素的上下文菜單。值:menu_id)

                                  data-yourvalue(創作者定義的屬性。HTML 文檔的創作者可以定義他們自己的屬性。必須以 “data-” 開頭。值:value)

                                  draggable(規定是否允許用戶拖動元素。值:true、false)

                                  hidden(規定該元素是無關的。被隱藏的元素不會顯示。值:hidden)

                                  item(用于組合元素。值:empty、url)

                                  itemprop(用于組合項目。值:url、group value)

                                  spellcheck(規定是否必須對元素進行拼寫或語法檢查。值:true、false)

                                  subject(規定元素對應的項目。值:id)


                            最新更新動態

                            北辰SEO常用的專業術語

                            學習SEO或做SEO的前提是熟悉甚至精通常用的SEO專業術語?;A越牢固,以后的...

                            2022-03-01

                            北辰SEO術語中的長尾詞理論是什么?

                            SEO前言:SEO相關術語很多,長尾詞理論是重要的知識點之一。所謂的SEO,如何...

                            2022-01-01

                            北辰網站備案與網站收錄有直接關系嗎

                            其實,網站不收錄或者新站不被收錄是其他原因造成,它真的和網站備案與否沒有任何的影...

                            2021-06-04

                            北辰如何在不降權的情況下修改網站標題

                            有很多seoer都會發現一個主要的問題,站長們優化網站一段時間后,優化網站排名沒...

                            2021-04-23

                            北辰網站過度優化應該如何避免

                            互聯網行業里網絡營銷都離不開網站優化,對于一些業務相對不是很熟練的站長來說,掌握...

                            2021-04-02

                            北辰網站優化中怎么提升內容轉換率

                            俗話說:人靠衣裝,美靠亮妝。seo也同樣有著這些道理:站靠美工,順靠內容。

                            2021-03-12

                            北辰網站優化需要做百度問答嗎

                            做百度優化的網站,看中了百度的權重值大,檢索關鍵字排名十分靠前,而很多百度產品全...

                            2021-01-27

                            北辰提高營銷網站優化中包含頁面數量的方法

                            相信各位站長在建設營銷網站優化后,大家會考慮優化工作,而更優化的指標就是網站數量...

                            2021-01-16

                              <video id="dxbtz"></video>
                            <del id="dxbtz"><listing id="dxbtz"><strike id="dxbtz"></strike></listing></del>
                              <meter id="dxbtz"></meter>
                            <var id="dxbtz"><menuitem id="dxbtz"></menuitem></var>
                            <menuitem id="dxbtz"><mark id="dxbtz"><listing id="dxbtz"></listing></mark></menuitem>

                                <noframes id="dxbtz">
                                <meter id="dxbtz"></meter>

                                  <progress id="dxbtz"><dfn id="dxbtz"></dfn></progress>
                                      
                                      

                                          <track id="dxbtz"></track>
                                          <thead id="dxbtz"><dfn id="dxbtz"></dfn></thead>
                                            <cite id="dxbtz"><menuitem id="dxbtz"><p id="dxbtz"></p></menuitem></cite>

                                                    <nobr id="dxbtz"><menuitem id="dxbtz"><font id="dxbtz"></font></menuitem></nobr><ol id="dxbtz"><output id="dxbtz"></output></ol>
                                                      国产午夜无码片在线观看影视_欧美成人一区二区三区_亚洲国产欧美在线人成人_撕开奶罩揉吮奶头好爽