您現在的位置是:電腦技術吧?>? 故障問題 ??>??HTML語義化,HTML語義化的理解??>??正文詳情

HTML語義化,HTML語義化的理解

敬運鴻2019-11-14 03:01:09 人圍觀
簡介html語義化標簽有哪些HTML結構更加清晰規范,學習了優化HTML5結構的思想。HTML5添加了一些新元素來標識常用的結構。Html更具語義,但我們不能直接使用它,即使它可能需要十年html語義化

HTML結構更加清晰、規范,學習HTML5優化結構的思路。

HTML 5 添加了一些新元素,用來標識常用的結構,是html更具語義化,可是我們無法直接使用,即使可能用到還要等他個十年八年的。

那就像微格式一樣,使用class代替,或者隨意點,使用id和class名來代替,讓自己的結構更加清晰化,可以推廣為規范,讓團隊協作更加順暢。

一些新增的結構標記◎ section:這可以是書中的一章或一節,實際上可以是在 HTML 4 中有自己的標題的任何東西◎ header:頁面上顯示的頁眉;與 head 元素不一樣◎ footer:頁腳;可以顯示電子郵件中的簽名◎ nav:指向其他頁面的一組鏈接◎ article:blog、雜志、文章匯編等中的一篇文章一些例子HTML5的文檔結構header.../headernav.../navarticlesection ... /section/articleaside.../asidefooter.../footerXHTML的文檔結構div id=headerheader/divdiv id=navnav/divdiv class=article div class=sectionsection/div/divdiv id=asideaside/divdiv id=footerfooter/divHTML5的圖片結構figure id=fig2 legendFigure 2. Install Mozilla XForms dialog/legend img alt=A Web site is requesting permission to install the ollowing item: Mozilla XForms 0.7 Unsigned src=installdialog.jpg //figureXHTML的圖片結構div class=figure h4 class=legendFigure 2. Install Mozilla XForms dialog/h4 img alt=A Web site is requesting permission to install the ollowing item: Mozilla XForms 0.7 Unsigned src=installdialog.jpg //divHTML5的加上標記m 元素表示文本被 加上標志,但是不一定要強調。

可以把它想像成書中突出顯示的一節。

Google 的緩存頁面就是典型的用例。

如果鏈接到一個緩存的副本,搜索詞就被加上標志。

例如,如果搜索 Egret,那么緩存的 Google 頁面可能像下面這樣:The Great mEgret/m (also known as the American mEgret/m) is a large white wading bird found worldwide.The Great mEgret/m flies with slow wing beats. The scientific name of the Great mEgret/m isCasmerodius albus.XHTML的加上標記The Great span class=mEgret/span (also known as the American span class=mEgret/span) is a large white wading bird found worldwide.The Great span class=mEgret/span flies with slow wing beats. The scientific name of the Great span class=mEgret/span isCasmerodius albus.

版權聲明:本文由 敬運鴻 整理編輯。

原標題:html5語義化,html5的語義化的理解

轉載注明出處:http://www.dn9ww09s.icu/fault/12026.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦網頁字體模糊怎么調整,電腦瀏覽網頁字體模糊

    電腦網頁字體模糊怎么調整,電腦瀏覽網頁字體模糊 相關圖片電腦網頁字體不清晰有網友問,如何解決網頁字體模糊的問題,如何放大網頁字體。很多網友認為這是惡意軟件或病毒造成的,他們使用多個安全軟件進行掃描,沒有任何結果。事實上...

  • 手機話筒沒聲音怎么設置,耳機麥克風沒聲音怎么設置

    手機話筒沒聲音怎么設置,耳機麥克風沒聲音怎么設置 相關圖片蘋果話筒聲音小怎么調在網上與朋友進行QQ語音對話和視頻聊天時,對方聽不到自己的聲音;不少網友遇到麥克風里沒有聲音的問題,認為有很多。下面小編詳細列出了一些方法,幫助用...

  • 扭曲文字,ai怎么做扭曲的文字

    扭曲文字,ai怎么做扭曲的文字 相關圖片ae文字扭曲本例使用動態蒙版綁定和簡單的電影剪輯復制來實現文本失真的效果。對于本例的實現原理,示意圖如圖1所示:圖1示意圖,可以想象前面有一堆6個單字的圓片,然后倒計時,...

  • 多次復制粘貼工具,一鍵復制粘貼工具

    多次復制粘貼工具,一鍵復制粘貼工具 相關圖片復制粘貼怎么弄有時從網上下載的word文檔只能瀏覽,不能編輯或復制,這看起來很不愉快。這是因為文檔的作者限制了對文檔的任何編輯,這更為強大。然而,在粘貼數據時,我們經常...

  • 正常運行,正常運行的意思

    正常運行,正常運行的意思 相關圖片如何保證設備的正常運行現在我們可以選擇很多瀏覽器,所以有很多種瀏覽器環境。同一個瀏覽器也包含不同的版本。不同版本之間的渲染方法也有差異。它們可能支持不同的HTML5和CS...

  • 遠程連接電腦,電腦遠程連接怎么設置

    遠程連接電腦,電腦遠程連接怎么設置 相關圖片電腦允許遠程怎么設置說到遠程桌面,很多用戶認為它是從Win2000服務器引入的。事實上,我們可以在Win98甚至DOS中看到他的身影。遠程桌面采用類似telnet的技術,是從tel遠程連接設置...

  • css tab,css實現tab欄

    css tab,css實現tab欄 相關圖片jquery tab實際上,錨定點是用來做標記的,開關是通過點擊來實現的。CSS代碼如下:body,div,UL,Li{margin:0;padding:0;字體大小:12px;}css...

  • 怎么看電腦的訪問日志,電腦使用日志查看

    怎么看電腦的訪問日志,電腦使用日志查看 相關圖片電腦系統日志當我們使用計算機時,我們記錄下未知的一切活動。不管我們喜不喜歡,計算機日志還是有用的。例如,當電腦壞了,我們需要檢查一下。那我們怎么查電腦日志呢?下面...

  • 先驅7怎么樣,先驅怎么用

    先驅7怎么樣,先驅怎么用 相關圖片先驅人任何從事互聯網設計的人都可能聽說過杰弗里·澤德曼的名字。作為現代互聯網標準的最大貢獻者之一,他在互聯網領域工作的時間比我生活的時間長我可以采訪他并與你分享他對...

  • systemdisk,no system disk

    systemdisk,no system disk 相關圖片電腦disk error有網友問小編系統盤失效的原因是什么?無效的系統磁盤意味著沒有可用的系統磁盤。一般的原因是它可以分為軟件和硬件。在這種情況下我們該怎么辦?有disk sanitizer...

熱評文章

  • srt的文件怎么打開,srt文件打開

    srt的文件怎么打開,srt文件打開 相關圖片怎么打開srt對于喜歡看外國大片但不懂外語的人,可以下載中文字幕觀看,或者學習英語的人可以下載英文字幕邊看邊學,這些字幕可以通過SRT文件播放。那么如何打開SRT文件的字幕呢...

  • 文字繞排,ai文字繞排怎么用

    文字繞排,ai文字繞排怎么用 相關圖片文本繞排是什么我們知道如何在word中排列單詞,但如何在web頁面中實現呢?這不像在文字上那么容易。但只要你能很好地使用HTML元素,你就能達到這個效果。一般來說,有幾種排列id文...

  • 耳麥怎么用,什么耳麥好

    耳麥怎么用,什么耳麥好 相關圖片耳麥是什么現在我們的工作、學習和生活都離不開電腦。我們喜歡一邊聽音樂,一邊玩游戲,一邊看電影和電視劇。耳機已成為必不可少的工具。將耳機連接到計算機上,突然發現耳機...

  • 怎樣查看電腦ip地址,電腦設置ip地址

    怎樣查看電腦ip地址,電腦設置ip地址 相關圖片電腦隱藏ip通過隱藏IP地址來訪問網絡資源,可以有效地防止計算機被跟蹤或攻擊,這是增強個人隱私和安全的主要保證。如何隱藏真正的IP是一個非常簡單的問題,但它是一個非常復雜...

  • css相對定位,css3相對定位

    css相對定位,css3相對定位 相關圖片css在設計頁面時,我們會遇到子div應該控制在父div中的固定位置,并且層之間也有關系。這是個提示。父div的位置使用相對,子div的位置使用絕對,然后使用左側和頂js相對定位...

  • 如何隱藏任務欄的圖標,任務欄圖標隱藏

    如何隱藏任務欄的圖標,任務欄圖標隱藏 相關圖片win10隱藏任務欄圖標我們的電腦任務欄有很多圖標。現在人們喜歡在電腦上下載各種程序和軟件。這些程序和軟件會使我們的任務欄變得密集,看起來特別不舒服。許多人喜歡隱藏任務欄...

  • 表格里內容怎么對齊,表格的對齊方式

    表格里內容怎么對齊,表格的對齊方式 相關圖片單元格對齊方式為水平居中在水平方向上,可以設置表格的對齊方式,包括左對齊、居中對齊和右對齊。基本語法table align=lefttable align=centertable alexcel水平對齊和垂直對齊...

  • mdb文件如何打開,mdb文件可以以什么方式打開

    mdb文件如何打開,mdb文件可以以什么方式打開 相關圖片arcgis打開mdb文件在使用計算機時,我們經常會遇到一些文件,其中比較常見的是mdb文件。很多用戶不知道mdb文件是什么,實際上它是微軟的一個數據庫文件。如何在系統中打開mdb文件?...

  • html正則表達式,html正則表達式怎么用

    html正則表達式,html正則表達式怎么用 相關圖片regex正則表達式代碼示例如下所示:%option explicitfunction striphtml(strhtml)'從strhtmldim objregexp、strou正則表達式或者...

  • 筆記本電腦怎么連接wifi,筆記本電腦無法連接wifi

    筆記本電腦怎么連接wifi,筆記本電腦無法連接wifi 相關圖片臺式電腦怎么連wifi有很多朋友在平時上網過程中遇到筆記本電腦無法連接WiFi的問題。或許有網友不理解筆記本電腦無法連接WiFi的問題。事實上,別擔心。今天,一個小編輯會告訴你電...

關注微信

变脸官网查询