HTML5下<a>元素下可以包裹塊級元素
在當前HTML5下,連結<a>這樣的內聯元素下也可以包裹塊級元素。
這是一個非常好的改進,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> div { width:100px; height:100px; background:#ccc; text-align:center; line-height:100px; text-decoration:none; } </style> </head> <body> <a href="css.html"><div>螞蟻部落</div></a> </body> </html>
由上面程式碼的表現可以看出,連結<a>下確實可以包裹塊級元素。
相關文章
- 塊元素包裹img空隙問題
- 塊級元素和行內元素
- 行內元素和塊級元素
- HTML_行內元素、塊級元素、空元素HTML
- html塊級元素HTML
- HTML 塊級元素和內聯元素HTML
- 02 CSS塊級元素和行內元素CSS
- CSS的塊級元素和行內元素CSS
- jq獲取上級、同級、下級元素
- 塊級元素和行內元素的區別
- 塊級元素與內聯元素相互轉換
- 內聯元素和塊級元素相互轉換
- CSS 塊級元素和行內元素和行內塊元素 及其相互轉換CSS
- JavaScript獲取元素下指定型別的一級子元素JavaScript型別
- 偽元素需要將其設定為塊級元素或者塊級內聯元素才能設定尺寸
- 行級元素左右邊距及塊級元素上下邊距
- CSS塊級/內聯元素CSS
- 塊級元素和行內元素分別有哪些
- HTML的行內元素與塊級元素的區別?HTML
- CSS基礎——塊級元素、塊級盒子以及BFCCSS
- 塊狀元素、內聯元素和內聯塊狀元素
- 獲取ul元素下的所有li元素
- 塊級元素不能夠巢狀在<p>標籤元素中巢狀
- 行內元素和塊級元素使用浮動後的變化
- 獲取div元素下li元素的數目
- 行內元素與塊元素1
- 絕對定位元素、浮動元素會生成一個塊級框
- js刪除執行元素下所有的子元素JS
- jQuery獲取某元素下所有的連結元素jQuery
- 透徹理解塊級元素的寬度
- 常見塊元素和內聯元素
- CSS塊狀元素和內聯元素CSS
- HTML5新增元素HTML
- 獲取指定元素下所有li元素程式碼例項
- HTML5新增的元素和廢除的元素HTML
- 【前端】HTML__內聯元素與塊元素前端HTML
- 前端開發,塊元素與行內元素前端
- 摩登567+641480+初識塊級元素