瀏覽器渲染時隱藏html標記

瀏覽器渲染頁面時如何隱藏不必要的HTML標記？我正在開發一個響應式主題，現在我只使用display: none;隱藏所有標籤（<div>/<img>/<span>）。但據我所知，瀏覽器將讀取所有DOM，然後應用包括CSS和JavaScript的所有規則。瀏覽器渲染時隱藏html標記

CSS

.desktop { 
    display:none; 
}

HTML

<div class="desktop"> 
    <img src= " .. 
    <div id="container" ... 
    <span class="font ... 
</div>

那麼，什麼是隱藏通過瀏覽器呈現不必要的標籤時，我使用的是相同的HTML頁面與響應相同的CSS文件正確的方法模式？

注意：如果您使用螢火蟲，即使您使用display:none設定瀏覽器仍會載入所有包含圖像的div，但只顯示給您。

2013-07-04 rusly

您可以設置display:none風格元素你想顯示（它甚至不會弗林克在UI），然後使用JavaScript將其刪除：

HTML：

<div style="display: none;" id="hideme">Hide me</div>

JS ：

window.onload = function() { 
    document.getElementById("hideme").style.display = "block"; 
}

2013-07-04 14:59:15 mishik

這應該沒問題。 display: none;應該完成這項工作。如果您使用JavaScript操作DOM，則可以應用內聯樣式。

2013-07-04 15:00:01

如果要隱藏某些特定元素，最好在元素上設置style。因爲這樣可以減少查找CSS引擎以查找哪些元素與外部樣式表中CSS選擇器相匹配的數量。所以像這樣的事情將做的伎倆：

<div id="container" style="display:none"></div>

2013-07-04 15:03:21 jycr753

回答