因特網網頁設計

塊佈局DIV HTML標籤

即使是一些十年前在runet最經常使用所謂的表格佈局。 由於這樣的事實:一些瀏覽器的標準是相互顯著不同,我們不得不尋找能夠正確顯示在所有應用程序的在線文檔的解決方案。 但隨著時間的推移,制定標準,並取代相當僵化,缺乏靈活性表都挺好的和響應變量 塊佈局。 在此技術的前沿是使用元素的

的原理。 在大多數的HTML文件,內置單獨的塊,它不同於表佈局可以是彼此獨立的基礎上。

出現

網頁的日益複雜和計算機技術的發展導致了一個事實,即Web文檔已經被分成兩個部分 - 幀(HTML代碼)和設計(樣式表)。 有了這個取得了前所未有的網絡的發展,其結果我們現在能夠想到的大多數網站。 除了改進允許以確定他們的設計規則每個單獨的元件的

HTML開發過程。 這有助於提高網頁的可讀性,減少文件下載時間。 現在該網站上提供的搜索引擎,更快,更好地處理信息。

標準與驗證

在嚴格遵守W3C標準(萬維網聯盟)所使用的HTML標籤。 檢查頁面源舉行一個特殊的工具 - 驗證,該方法解析(掃描和搜索)的各種頁面上的錯誤。 頁面符合意味著所有的標籤都被正確使用,完全滿足標準的要求。

標記允許您創建的塊,或因為他們是所謂的容器。 各個元件可以嵌套,從而產生所需的結構和配置的複雜性。 使用
標記陪伴類標識符或幾乎不會發生。 它是由“露臉”元素引起的。 如果他不分配檔次,最終,所有的容器將具有相同的結構。

為了打造一個真正正確的文件,你必須使用

類的以下標籤結構=«一個to_imya“。 打開樣式表中的類的名稱,您可以確定的位置,大小,並總結了文檔中的單個塊的其它參數。

使用類和ID

塊的

HTML可以被定義為一個識別符ID,類和類。 不同於第一至第二是ID只是一個文檔頁面上使用一次。 也就是說,它是用來確定從來沒有在頁面代碼的重複獨特的元素。 類屬性可以應用相同的 樣式規則 的幾個要素。 這種方法大大簡化了代碼的開發和支持。 此外,一個對象可以有多個類別。 為一個共享空間的正確識別。

當然,該文件的塊結構並不意味著僅使用一個標籤的

的。 任何網頁的結構永遠是其他元素。 此外,在本身框
元素可具有不同類型的顯示器。 這是通過使用屬性顯示完成。 所述元件可以是一個字符串或一表顯示,可顯著增加使用該單元的的靈活性和創建任何配置的網站。

標記。 HTML的屬性

如上面已經提到的,標籤不改變頁面佈局片段和使用的樣式表來創建與隨後的登記一個語義結構。 使用此元素的結束標記是強制性的。

儘管許多現代的瀏覽器將能夠識別這樣的錯誤,在某些情況下,未關閉的標籤可能會導致“razvalivanie”文檔結構和顯示故障。

由於這個元件是一個塊,則它包含的內容將用一個新行開始的程度。 要修改此行為必須改變顯示單元顯示的屬性參數。 除了分組嵌套元素

標記允許你格式化的內它內容的佈局。 它使用align屬性,通過它可以將文字或圖片的左,右,或父元素的中心。

定位塊

使用position屬性允許您更改定位選項的方法。 因此,有三種類型的定位:

  • 靜態(靜態) - 默認。 在這種情況下,該元件是根據在HTML代碼的位置。
  • 相對(相對)。 在這種情況下,物體的位置以相同的方式被計算為靜態定位的情況下,但該功能允許您更改為兒童的位置。
  • 絕對(絕對)。 他的位置相對於與相對定位的元素計算。

其他屬性

頂部和左屬性來改變相對於原點的點的位置。 值可以是正面和負面的。 塊元素的寬度和高度分別屬性進行定義的寬度和高度。 如果在樣式表中未指定他們,該單元將佔用父元素的整個寬度。 如果該塊的內容不跨越“父”寬度適合,則元素的行為由屬性溢出確定。

我們希望本文能夠幫助處理一下一個

HTML中的問題。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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