爲什麼<hr class =「hidden」/>？

我正在繼承一個網頁。特別是試圖實現一個print.css（到目前爲止還沒有任何print.css）。爲什麼<hr class =「hidden」/>？

此前開發商已經把在...

<hr class="hidden" />

主CSS的CSS因爲這是（意料之中）：

.hidden { 
    display: none; }

...處分離點該頁面的主要部分。想知道是否有人可以說爲什麼這可能有用？

沒有單獨的print.css，儘管有可能他打算實現一個並且耗盡時間。該頁面設計得很好，所以我假設前面的人知道他在做什麼。

來源

2011-02-07 hawbsl

有這麼多的可能性。也許這是一個心理筆記，也許以前有更多的CSS綁定到它，也許它是打算用於打印頁面等等......沒有辦法知道沒有問:) :) – 2011-02-07 10:57:11

也可以爲可訪問性。例如，爲視覺障礙者閱讀頁面的一些工具不關心CSS，但是知道邏輯分節符是重要的。 – Leigh 2011-02-07 11:01:27

我猜誰都不知道，但是寫這個的開發者會知道答案，所以這就是我的想法：A.他可能使用JS來改變類或什麼; B.這可能是後來的補充，就像有人在客戶不想要該功能後發表評論意見; C.一種形式的復活節彩蛋（儘管效率低下），將網頁「簽名」爲他的工作。 D.不太可能，但也許原本應該有另一個CSS覆蓋這個，但項目被關閉。 E.一種破壞搜索引擎網頁的方式？如果評級遭受隱藏元素的影響。 – AlexanderMP 2011-02-07 11:01:40

確實很可能他希望頁面的打印版本在那裏有一條水平線。在那個CSS中，他可能會將「隱藏」類定義爲「display：inline」。

來源

2011-02-07 10:57:52

我認爲那個高貴的人想要只爲打印版本添加可見的<hr>，並且在瀏覽器視圖<hr>是沒有必要的。

來源

2011-02-07 10:57:26 Kir

那麼，一個原因可能只是減少頁面的大小。如果你有很多元素，你可以節省一些字符。

<hr class="hidden" /> 
<hr style="display: none;" />

另一個原因可能僅僅是一種編碼風格有過的所有樣式的控制在一個文件中，而不是用內嵌的樣式去。或者計劃在稍後使用印刷版。有很多原因是可能的。

來源

2011-02-07 10:57:59

那麼，即使它們不可見，我認爲HRs仍然可以作爲分隔符用於它們的語義。但是，這有點奇怪。也許他打算讓他們出版印刷品，以避免出現大量文字。

有沒有任何HRs 都不是隱藏？看看這些案例可能會給你更多的信息。考慮到他在課堂上做了這個，這可能意味着這些例外，不過某種程度上，這可能意味着這是例外，因爲他可以通過hr {display：hidden;}

來源

2011-02-07 10:58:30

看起來他/她可能預計會被要求擺脫的橫向規則，所以積極地把隱藏的課堂放在他們身上。

這就是說，沒有必要這樣做，就像簡單hr {display：none; }就足夠了。但後來我看到一些優秀的設計師對一大堆沒有必要的課程感興趣。

另外，這是一個意外，它打算進入print.csss文件，所以水平規則不會被打印。

誰知道？這是一個謎！

來源

2011-02-07 11:02:06 PHPnoob

我可以假設的唯一的事情是他把hrs放在那裏，以便它們出現在沒有呈現css的瀏覽器上;通常類似WebbIE。如果你關閉瀏覽器的CSS

其他原因，我能想到的是，他正在測試他們肯定會看到 - 它更容易註釋掉對CSS的display:none;線而不是手動刪除了所有的小時。最後，他決定不使用小時，但他忘了刪除它們，或者只是有點懶。

來源

2011-02-07 11:03:06 kikito

試圖理解應用於以下代碼片段的標記/樣式背後的原因。 Sample as Originally Found in the Wild是在<hr />中顯示background-image的跨瀏覽器兼容示例。在這種情況下，style="display:none"在<hr />元素本身上聲明，用於顯示背景圖像以代替線或邊界。下面是相關的HTML/CSS：

HTML：

<div class="hr"> 
    <hr /> 
</div>

CSS：

div.hr { 
    height: 15px; 
    background: #fff url(hr1.gif) no-repeat scroll center; 
} 
div.hr hr { 
    display: none; 
}

來源

2011-02-07 11:11:06

配售標題與類的 '隱藏' 和剪輯或顯示：無內各個標籤據說是一種很好的做法。它被稱爲「文檔大綱」，它應該與html5一起使用。主要目的是更好地告知搜索爬蟲關於網站內容的信息。

來源

2014-06-22 19:39:30

爲什麼<hr class =「hidden」/>？

回答

相關問題