国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

一些編寫高性能HTML應用的建議

2019-10-26 17:17:25
字體:
來源:轉載
供稿:網友

你怎么能提高網頁性能?

  大多數開發者會通過JavaScript和圖片來優化,通過服務器配置,壓縮文件和合并文件 - 甚至調整CSS(合并小圖片)。

  可憐的HTML老是被忽視,盡管它一直是網絡的核心語言。

  HTML正在變得越來越大。排名前100的網站每個HTML頁面大多在40K左右。亞馬遜和雅虎使用上千個HTML頁面。在youtube.com主頁面,HTML元素高達3500個。

  減少的HTML復雜性和一個頁面的元素數量并不會明顯提高解析時間 - 但HTML是構建極速網頁,和適應不同設備并影響成功的一個關鍵性的因素。
在本文中,您將了解如何編寫簡潔干凈的HTML,使您能夠創建快速加載并支持多種設備的網站,將易于調試和維護。

  寫代碼的方法并不是只有一種-尤其是HTML。這里只是講解一般經驗,但并不是唯一正確的選擇。
 HTML, CSS 和 JavaScript

  HTML是一種標記語言,用于表示結構和內容。

  HTML不應被用來顯示風格和樣式。不要為了顯得“更大”把文字寫在標題標簽(h1~h6)中,或只是為了縮進而使用blockquotes元素。相反,使用CSS來改變元素的外觀和布局。

  HTML元素的默認外觀是通過瀏覽器的默認樣式實現的:Firefox,Internet Explorer和Opera均不一樣。例如,在Chrome中默認h1元素呈現為32px的大小。

  三個基本原則:

  使用HTML表示結構,CSS用來表現不同樣式的風格和主題。JavaScript來響應用戶行為。

  使用HTML,必要時借助CSS,并且在不得己時再添加JavaScript。例如:在許多情況下,你可能使用HTML表單進行驗證,使用CSS或SVG來實現動畫。

  將CSS和JavaScript從你的HTML代碼中分離。讓他們能夠緩存,這使代碼更易于調試。在生產中,CSS和JavaScript是可以壓縮合并的,應該作為你Build系統的一部分。  注* 參見 JavaScript構建(編繹)系統大比拼
 Document文檔結構

  使用 HTML5的document type:

  • <!DOCTYPE html>   <html>  
  • <head>    <title>Recipes: pesto</title>  
  • </head>   <body>  
  •      <h1>Pesto</h1>  
  •   <p>Pesto is good!</p>     
  • </body>   </html>  
  •   在頁面最頭部引用CSS文件,如在head元素中:

    CSS Code復制內容到剪貼板
  • <head>      <title>My pesto recipe</title>   
  •   <link rel="/css/global.css">      <link rel="css/local.css">   
  • </head>  
  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表

    圖片精選

    主站蜘蛛池模板: 汪清县| 张家川| 五莲县| 磴口县| 清徐县| 化州市| 湄潭县| 石渠县| 奉贤区| 蓬安县| 扎赉特旗| 洞口县| 凤翔县| 和硕县| 新丰县| 大方县| 公主岭市| 昌都县| 武冈市| 永靖县| 神农架林区| 民和| 莆田市| 辉南县| 楚雄市| 铜鼓县| 剑河县| 渭南市| 丰都县| 皋兰县| 洪雅县| 诸暨市| 鄂托克前旗| 仪陇县| 桐城市| 滁州市| 黑龙江省| 安远县| 百色市| 白河县| 天水市|