因特網網頁設計

使用CSS的屬性“顯示:無”

層疊樣式表(CSS)讓你組織網頁的外觀和設計。 其中最常用的屬性和它的值是“顯示:無”。

性能的測定

屬性本身是一種多用途的,並且確定在文檔中的顯示元件的類型。 根據特定的值來選擇頁面可以顯示塊部分,線性地,作為項的列表作為等。D.表中的一部分,並且因此,由於“顯示”的屬性,可以改變在文檔中的塊的類型。

至於捆綁“屬性顯示的值:none”,它可以讓你刪除一個項目或文件的塊。 在片頁下的同一個地方沒有保留,這意味著它掉出流。 這超出了“遠程”的所有元素,根本沒看到它,並忽略單元的大小和位置。 要返回一個隱藏的對象,則必須通過腳本,僅僅屬性的值更改為所需的格式參照該文獻。 當發生這種情況與它的新對象會自動格式化頁面。

屬性“顯示”和“可視性”之間的區別

儘管為這兩個屬性的結果對用戶隱藏的物品,其工作原理是完全不同的。 如上面已經提到,參數“顯示:無”刪除從文檔的元素。 塊掉下來的頁面,因此不會發生在它。 在這種情況下,對象仍停留在HTML代碼。

反過來,財產“能見度:隱藏”隱藏來自用戶的元素,但不會從文檔模型中刪除。 因此,頁面被保留在該塊的地方。 也就是說,文件流將接受和財產考慮的一個元素的位置和大小“visibility:hidden的”完全相同的方式沒有它。

這種差異是文檔的組織結構,這兩種特性使得它可以實現正確的頁面顯示所需的結果。

使用CSS - 顯示:無

互聯網文件有幾種方法來確定元素的屬性。 所述第一顯示:無可在層疊樣式表一個單獨的文件中規定。 這種方法是最先進,最好的,因為它可以讓你讓所有的選擇,類和它們的屬性在一個單獨的文件。 這種模式可以讓你快速找到並修改頁面設置。

文件頭

第二例是文檔樣式標籤的標題中定義樣式。 這種方法的有效性要少得多。 建議僅適用在極端情況下,如大量的風格存在的網頁設計師的可讀性顯著惡化。 這導致錯誤,減緩開發一個web文檔的過程。 這種方法只建議在代碼加到少量的樣式或調試儀器的情況下。

請記住,如果在文檔中組織樣式的這種方式是不到一個獨立的樣式表導入,重疊的屬性將被那些在HTML文件的身體覆蓋。

塊格。 顯示:無

另一種方式是直接添加到標記“樣式=顯示:無;”碼元。 與各種框架時,此方法通常使用的,其目的 - 減少的特徵的數量直接進入樣式表和所述web文檔中顯示它們。 此外,這樣的記錄看,當“代碼貂”頁面往往是。 重要的是要記住,使用這種方法,您可以更改樣式表中規定的屬性和值是非常重要的。 所以,你要小心,因此,你可以為自己創造更多的問題,花一些時間在尋找,並在頁面代碼修正錯誤。

JavaScript的

還值得一提的這個屬性的進一步變化的可能。 它是指不再樣式表和HTML代碼和腳本語言。 因此,申請就必須至少有一些這方面的知識。 為了從憑證流除去元素,可以使用JavaScript屬性“顯示=無”。 它可以讓你改變當某一事件的文檔的結構。 此外,通過使用腳本來動態(“在飛行中”)改變參數屬性,並由此刷新該頁面的視圖,而無需重新加載。 組織下拉菜單,模態窗口和表單時,這種方法是有用的。

SEO

在優化搜索引擎網頁內容的領域,也有不少迷信和不確定性。 所以,很多新手SEO的考慮使用屬性“顯示”沒有禮貌的行為。 他們的事實,搜索引擎看到隱藏的內容,開始考慮頁面為垃圾郵件解釋這一點。 用他們的話說,有一些邏輯,但僅此而已。 在這個時間點使用隱藏對象的財產往往不足以格式下拉菜單和隱藏文件,這是不是目前的用戶感興趣的部分(例如,當您選擇的其他信息的類別已刪除)。 這種方法使用一個足夠強大的互聯網門戶網站(其中之一 - “亞馬遜”)。 因此, 搜索引擎蜘蛛 不能考慮使用屬性“顯示:無”垃圾郵件。

另一件事,當這種方法被用來隱藏個人字和字符。 儘管,現在的搜索引擎蜘蛛還沒有這樣的“垃圾郵件”的算法完美識別文檔中的,可能該網頁將在此被抓,是相當高的。 因此,建議使用屬性“顯示”是嚴格根據其預期目的 - 改變模塊的類型或暫時從用戶的眼睛隱藏。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhtw.atomiyme.com. Theme powered by WordPress.