html5是構建網絡內容的一種主要的語言描述方式，同時也是互聯網的一個新標準，他被人們稱為是互聯網的核心技術之一，因此很多朋友在做網站設計的時候，都開始進行html5 網站設計 了，大家在做html5 網站設計的時候，同樣有很多需要注意的地方，比如注重用戶的體驗度，下面新網就給大家詳細的來說明一下html5 網站設計注意事項有哪些以及html5 網站設計布局中的要素有哪些等問題。

  html5 網站設計注意事項
  注意事項一：隨著我國網絡時代的到來，其發展速度是我們想象不到的。從PC端到移動端，再到各種小程序的出現，實現了所有網站的兼容性，在用戶體驗程度上更加強大。兩者相比較，移動端的網站建設遠比PC端的體驗度要好。
  注意事項二：字體的布局。在html5企業網站建設中，字體的設計與布局也將成為主流。在過去兩年以及未來的很長一段時間中，字體設計、布局將會成為html5企業網站建設中不可忽視的細節。而且字體的處理要比圖片更加輕量化，讓移動端瀏覽更加順暢。
 

  注意事項三：圖片的設計。大圖片往往能夠給我們的視覺帶來沖擊力，而且圖片與文字的搭配并不違和。重要的位置加上一張大圖片與適當地文字介紹，瞬間就能夠抓住人的眼球。但是，運用圖片時需要考慮到服務器以及網絡的問題，避免造成卡頓或者是不兼容的顯現。

  注意事項四：色彩的搭配。不同的行業適合不同的色彩搭配，更能夠吸引來訪者的眼球。另外，適當地迎合消費群體的眼光，對于瀏覽量有很大的幫助。對于色彩的流行時間，設計者并沒有辦法去估量，但是淡雅的色彩設計永遠都會是人群喜歡的對象。

  html5 網站設計布局中基本要素
  HEADER：
  該元素旨在作為網頁的一個片段或者增個頁面的介紹信息的“容器”。它可以包含網站的名稱、標記線、廣告口號或者公司的LOGO標志。比如我們曾做過的一家客戶，大概就是布局。
  NAV：
  這個元素很明顯是應用于創建導航或者菜單欄中的，但是關鍵的一點是，并不是所有在web頁面的鏈接都要必須在nav元素內，只有那些主導航欄的鏈接才應該包含在該元素內。
  SECTION：
  對于section，我們可以說相對于div的無語義，section是帶有語義的div。該標簽一般應用于文章的章節、標簽對話框中的標簽頁、或者論文中有編號的部分。
  ASIDE：
  這一元素代表的是與主要內容相關的內容，但并不屬于主要內容的一部分。通常應用于引用于，側邊欄相關鏈接，廣告等等。
  FOOTER：
  此元素的內容是包含更多關于他的父元素的內容。footer置于body之后將可以提供有關該頁面的其他的信息內容。例如網站建設著的一些信息，相關文章的鏈接或者版權信息等等。此元素也可以被被應用于body之中不同的段中，可以給頁面中不同段一些特定的其他信息。
 
  HTML5是網頁設計的未來！
  離線應用和本地存儲

  離線應用：創建一個可以無需聯網就能流暢運行的本地HTML5應用，這難道不暢快么？HTML5的本地離線應用與之前最大的差異在于它的體驗，它的可用性和易用性得到了極大的提高。將數據脫機存儲在本地緩存，為這種設計提供了基礎。

  本地存儲：擔心在無法聯網的時候數據無法上傳到服務器？HTML5的離線存儲功能可以替你保存客戶端的寶貴數據，待聯網之后再行上傳。甚至于這種脫機保存數據，何時上傳都是完全可控的，這不僅僅提供更大的設計空間，也提高了性能。
  前所未有的連接能力
  HTML5的提速使得實時聊天、高性能游戲成為了可能。無需專門的視頻插件，直接在瀏覽器中實現視頻會議完全不在話下。
  多媒體的型態
  HTML5毫無意外地將視頻和音頻都納入到瀏覽器的本地支持中去了，Flash和Silverlight的功能也將因此被替代。此前的HTML版本并不具備這樣的功能，各大科技企業八仙過海各顯神通，研發出一個又一個視頻插件來實現網頁的多媒體功能。有些插件做的很不錯，但是用戶這頭的問題比較大——他們得安裝一堆插件。當然，隨著HTML5的普及，這樣的日子即將一去不復返，更加省心的瀏覽器體驗正向我們迎面走來。
  html5 網站設計注意事項有哪些？大家在做html5 網站設計的時候，就需要重點的關注下上面的這些方面，比如字體，圖片以及色彩等，另外，在做html5 網站設計布局的時候，也需要全面的考慮它基本要素，這些要素都是不可缺少的，未來html5 網站就是一個主流，如果有需要的朋友，可以咨詢新網。