中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML5 語義化結構規范有哪些

發布時間:2021-06-24 14:40:43 來源:億速云 閱讀:180 作者:Leah 欄目:web開發

這篇文章將為大家詳細講解有關HTML5 語義化結構規范有哪些,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。

HTML結構更加清晰、規范,學習HTML5優化結構的思路。
HTML5添加了一些新元素,用來標識常用的結構,是html更具語義化,可是我們無法直接使用,即使可能用到還要等他個十年八年的。
那就像微格式一樣,使用class代替,或者隨意點,使用id和class名來代替,讓自己的結構更加清晰化,可以推廣為規范,讓團隊協作更加順暢。
一些新增的結構標記
◎section:這可以是書中的一章或一節,實際上可以是在HTML4中有自己的標題的任何東西
◎header:頁面上顯示的頁眉;與head元素不一樣
◎footer:頁腳;可以顯示電子郵件中的簽名
◎nav:指向其他頁面的一組鏈接
◎article:blog、雜志、文章匯編等中的一篇文章
一些例子
HTML5的文檔結構
<header>...</header>
<nav>...</nav>
<article>
<section>...</section>
</article>
<aside>...</aside>
<footer>...</footer>
XHTML的文檔結構
<divid="header">header</div>
<divid="nav">nav</div>
<divclass="article">
<divclass="section">section</div>
</div>
<divid="aside">aside</div>
<divid="footer">footer</div>
HTML5的圖片結構
<figureid="fig2">
<legend>Figure2.InstallMozillaXFormsdialog</legend>
<imgalt="AWebsiteisrequestingpermissiontoinstalltheollowingitem:MozillaXForms0.7Unsigned"src="installdialog.jpg"/>
</figure>
XHTML的圖片結構
<divclass="figure">
<h5class="legend">Figure2.InstallMozillaXFormsdialog</h5>
<imgalt="AWebsiteisrequestingpermissiontoinstalltheollowingitem:MozillaXForms0.7Unsigned"src="installdialog.jpg"/>
</div>
HTML5的加上標記

  m元素表示文本被“加上標志”,但是不一定要強調。可以把它想像成書中突出顯示的一節。
  Google的緩存頁面就是典型的用例。如果鏈接到一個緩存的副本,搜索詞就被加上標志。例如,如果搜索“Egret”,那么緩存的Google頁面

關于HTML5 語義化結構規范有哪些就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

桃园县| 达拉特旗| 教育| 抚顺市| 内江市| 京山县| 竹溪县| 砚山县| 涟水县| 碌曲县| 新密市| 德令哈市| 巨野县| 乐至县| 泽州县| 隆回县| 南康市| 武陟县| 西昌市| 宜兰市| 呼图壁县| 卢龙县| 巩留县| 黄大仙区| 阿克苏市| 仁寿县| 五河县| 休宁县| 土默特右旗| 鹤岗市| 孝义市| 定州市| 桂阳县| 平乡县| 长岛县| 吴忠市| 潜江市| 咸阳市| 阿拉善右旗| 镇雄县| 西贡区|