您現在的位置是:電腦技術吧?>? 故障問題 ??>??常見誤區,有哪些常見的誤區??>??正文詳情

常見誤區,有哪些常見的誤區

黃語心2019-11-08 13:31:57 人圍觀
簡介常見的飲食誤區目前,HTML5還處于初稿階段,一些新的標簽元素的解釋經常發生變化,甚至標簽的添加和刪除也很頻繁(比如hgroup)。同時,現有的大型門戶網站沒有很好的例子可以5大

現在HTML5還處在草案階段,有些新的標簽元素的解釋也是經常有變化,甚至標簽加入 移出也很頻繁(比如 hgroup),同時現有的大的門戶網站在使用HTML5方面也沒有很好的范例可以參考,讓大家的學習過程更摸索.本文將給大家分享html5構建頁面的小錯誤和不好的實踐方法,讓我們在以后的工作中避免這些錯誤。

不要把Section當成簡單的容器來定義樣式我們經常看到的一個錯誤,就是武斷的將div標簽用Section標簽來替代,特別是將作為包圍容器的div用來替換。

在XHTML或者HTML4中,我們將會看到類似下面的代碼:XML/HTML Code復制內容到剪貼板

  1. !HTML4-stylecode
  2. divid=wrapper
  3. divid=header
  4. h1Mysuperduperpage/h1
  5. !Headercontent
  6. /div
  7. divid=main
  8. !Pagecontent
  9. /div
  10. divid=secondary
  11. !Secondarycontent
  12. /div
  13. divid=footer
  14. !Footercontent
  15. /div
  16. /div
現在我看到了下面的代碼樣子:XML/HTML Code復制內容到剪貼板
  1. !Dontcopythiscode!Itswrong!
  2. sectionid=wrapper
  3. header
  4. h1Mysuperduperpage/h1
  5. !Headercontent
  6. /header
  7. sectionid=main
  8. !Pagecontent
  9. /section
  10. sectionid=secondary
  11. !Secondarycontent
  12. /section
  13. footer
  14. !Footercontent
  15. /footer
  16. /section
直觀的看,上面的例子是錯誤的:Section并不是一個容器.Section元素是有語意的區段,幫助構建文檔大 綱。

它應該包含標題。

如果你要尋找一個可以包含頁面的元素(不論是 HTML 或者 XHTML ),通常的做法是直接對body標簽定義樣式就像Kroc Camen描述的那樣子,如果你還需要額外的元素來定義樣式,使用div,就像Dr Mike闡述的那樣, div并沒有滅亡,如果這里沒有其它更合適的,div可能是你最合適的選擇。

記住這點,這里我們重新修正了上面的例子,通過使用兩個新角色。

(你是否需要額外的div取決于你的設計。

)XML/HTML Code復制內容到剪貼板

  1. body
  2. header
  3. h1Mysuperduperpage/h1
  4. !Headercontent
  5. /header
  6. divrole=main
  7. !Pagecontent
  8. /div
  9. asiderole=complementary
  10. !Secondarycontent
  11. /aside
  12. footer
  13. !Footercontent
  14. /footer
  15. /body
如果你還是無法確定哪一個元素更適合使用,我建議你去查看HTML5 sectioning content element flowchart來讓你繼續前行。

版權聲明:本文由 黃語心 整理編輯。

原標題:常見的生活誤區,Fab應用最常見的誤區

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

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • 無線上網卡筆記本,筆記本無線上網卡怎么收費

    無線上網卡筆記本,筆記本無線上網卡怎么收費 相關圖片無線網卡筆記本現代社會已經滿足了人們的基本需求,隨之而來的是人們對質量的要求。無論是衣食住行,還是吃喝玩樂。人們逐漸放棄了衣食住行和上網的基本要求。一些用戶提出了...

  • css浮動代碼,css清除浮動代碼

    css浮動代碼,css清除浮動代碼 相關圖片css 怎么向上浮動對于一個經常使用CSS設計頁面的前端設計師來說,清除浮動似乎是一項基本技能,但是清除浮動的方法和代碼有很多。今天,在許多大型項目上共享一個流行的和采用的...

  • 筆記本雙顯卡切換,筆記本雙顯卡怎么設置

    筆記本雙顯卡切換,筆記本雙顯卡怎么設置 相關圖片筆記本雙顯卡怎么只用獨顯由于CPU集成顯卡的性能有限,無法與獨立顯卡相匹配。此外,當雙顯卡計算機運行某些游戲時,也可能由于兼容性而導致游戲無法安裝或閃回。所以使用筆記...

  • 電腦開機進不去系統,電腦開機進不了系統怎么辦

    電腦開機進不去系統,電腦開機進不了系統怎么辦 相關圖片開機進不去系統隨著互聯網的發展,我們離不開計算機,但是在使用計算機的過程中,我們會遇到一些問題。漸漸地,一些用戶已經掌握了很多電腦故障排除的方法,那么在電腦開機后...

  • 文字豎排,怎么讓文字豎排

    文字豎排,怎么讓文字豎排 相關圖片豎排文字怎么設置有時,我們需要在網頁的某個區域垂直排列、垂直排列和水平排列文本。當然,我們已經習慣了。對于垂直排列,我們暫時找不到主意。哈哈,就跟水平排列一樣簡單...

  • 怎么調屏幕亮度,屏幕亮度調節

    怎么調屏幕亮度,屏幕亮度調節 相關圖片w7怎么調節屏幕亮度很多網友認為電腦顯示器的亮度不是太亮就是太暗。他們想調整屏幕的亮度,但有些用戶找不到調整顯示器亮度的方法。計算機屏幕的亮度也關系到計算機的節能降耗...

  • 怎么設置瀏覽器兼容性,瀏覽器兼容性問題匯總

    怎么設置瀏覽器兼容性,瀏覽器兼容性問題匯總 相關圖片html瀏覽器兼容性隨著HTML5技術的普及和推廣,web開發界逐漸開始嘗試在RIA(富Internet應用)中使用HTML5。這種做法的主要優點是,開發者可以通過各種HTML5技瀏覽器兼容模式...

  • 電腦關不了機是怎么回事,臺式電腦關不了機是怎么回事

    電腦關不了機是怎么回事,臺式電腦關不了機是怎么回事 相關圖片電腦卡了關不了機怎么辦在我們的日常生活中,計算機是一種非常常見的工具。在長時間使用電腦后,我們會發現電腦或多或少有問題。沒有用戶,計算機就不能關機。我們只能強行關...

  • oppo怎么強制恢復出廠,edius卸載清理工具

    oppo怎么強制恢復出廠,edius卸載清理工具 相關圖片卸載下載對于很多從Windows平臺切換到Mac平臺的用戶來說,僅僅觸摸系統還是有很多問題的。但是,他們在蘋果電腦上找不到卸載程序,也不知道如何刪除應用程序。在Mac上未來教育win...

  • 什么是交互設計師,交互設計師

    什么是交互設計師,交互設計師 相關圖片交互設計師前景有些設計師,特別是像我這樣沒有多少實踐經驗的新人,沒有形成系統的分析方法。在進行業務分析時,它們將是分散的。這樣的分析結果很難設計出來,也很難與其他...

熱評文章

  • 電腦鍵盤打字錯亂,聯想電腦鍵盤打字錯亂

    電腦鍵盤打字錯亂,聯想電腦鍵盤打字錯亂 相關圖片電腦鍵盤輸入字母錯亂近日,有用戶發現筆記本電腦的鍵盤按鍵突然失靈。鍵盤上的數字和字母放錯地方了。U變成4,我變成5,O變成6,J變成1,K變成2,l變成3,m變成0。使用這些字母,...

  • 中國總設計師是誰,中國總設計師

    中國總設計師是誰,中國總設計師 相關圖片殲15總設計師在魅族論壇里有這樣一個身份證。他叫十一月雨。他的頭就像一張剪影照片11月雨曾在2009-2011年活躍在魅族論壇上。他負責魅族當時推出的第一款也是唯一一款智能手殲2o總...

  • 顯示器怎么校準顏色,顯示器顏色校準

    顯示器怎么校準顏色,顯示器顏色校準 相關圖片顯示器最佳顏色設置我相信很多用戶對顯示器的顏色非常敏感。如果有飛蛾,一定很不習慣使用。然后使用顯示器的顏色校正軟件。它可以幫助用戶通過軟件修改屏幕的顏色,而無需使...

  • 完美的代碼,完美178代碼

    完美的代碼,完美178代碼 相關圖片完美后花園代碼如果你是一個網站管理員,你必須希望提高你的網站的可移植性,并且代碼是簡單和干凈的。現在,80%的網站都是用div CSS構建的,也許每個人都會編寫或使用CSS,完美國...

  • 電腦老是自動重啟,電腦偶爾自動重啟

    電腦老是自動重啟,電腦偶爾自動重啟 相關圖片電腦關機自動重啟是什么原因如果電腦已經使用了很長時間,一些用戶會遇到這樣的問題。如果他們無緣無故地使用它,他們將藍屏或重新啟動它。此時,用戶可能會感到害怕。如果他...

  • 臺式電腦無線網卡驅動,電腦無線網卡驅動

    臺式電腦無線網卡驅動,電腦無線網卡驅動 相關圖片臺式機網卡驅動在哪里如今網絡越來越普及,人們也開始追求便捷舒適的上網方式,而無線互聯網,沒有了網線的束縛,變得更加自由便捷。要解決桌面計算機無法訪問Internet和無法被計...

  • 新版防控指南,CDS指南

    新版防控指南,CDS指南 相關圖片AHA指南物質運動在物質設計的世界里,動態效用是一種優雅而流動的方式,用來描述空間關系、功能和意圖,為什么動態效果很重要?動態效果可以向我們展示一個應用程序是如何組成...

  • 電腦顯示沒安裝音頻設備,怎么安裝電腦音頻設備

    電腦顯示沒安裝音頻設備,怎么安裝電腦音頻設備 相關圖片提示未安裝音頻設備計算機是一種非常重要的電子設備,也是我們生活和學習的工具之一。但有時用戶在使用電腦時會發現電腦里沒有聲音。當他們點擊電腦下面的揚聲器時,沒有安裝...

  • div左右對齊,div對齊方式

    div左右對齊,div對齊方式 相關圖片css水平居中對齊例如:divdiviv/div/div要在父div中水平對齊子div。如果您在CSS中編寫div{text align:Center;},您可以在ie中瀏覽而不html對齊...

  • 筆記本怎樣用流量上網,筆記本能用流量上網嗎

    筆記本怎樣用流量上網,筆記本能用流量上網嗎 相關圖片筆記本怎么用流量筆記本的出現給我們帶來了極大的便利,但同時也會遇到沒有網絡的尷尬局面。一些用戶不想購買網卡,而那些移動流量較大的用戶不知道在哪里使用,所以他們可以...

關注微信

变脸官网查询