HTML區(qū)塊
HTML?<div> 和<span>
HTML 可以透過(guò) <div> 和 <span>將元素組合起來(lái)。
HTML 區(qū)塊元素
大多數(shù) HTML 元素被定義為區(qū)塊級(jí)元素或內(nèi)嵌元素。
區(qū)塊級(jí)元素在瀏覽器顯示時(shí),通常會(huì)以新行來(lái)開(kāi)始(和結(jié)束)。
實(shí)例: <h1>, <p>, <ul>, <table>
HTML 內(nèi)嵌元素
內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。
實(shí)例: <b>, <td>, <a>, <img>
HTML <div> 元素
#HTML <div> 元素是區(qū)塊級(jí)元素,它可用來(lái)組合其他HTML 元素的容器。
<div> 元素沒(méi)有特定的意義。除此之外,由於它屬於區(qū)塊級(jí)元素,瀏覽器會(huì)在其前後顯示折行。
如果與 CSS 一同使用,<div> 元素可用來(lái)為大的內(nèi)容區(qū)塊設(shè)定樣式屬性。
<div> 元素的另一個(gè)常見(jiàn)的用途是文件佈局。它取代了使用表格定義佈局的老式方法。使用 <table> 元素進(jìn)行文件佈局不是表格的正確用法。 <table> 元素的作用是顯示表格化的資料。
HTML <span> 與元素
#HTML <span> 元素是內(nèi)嵌元素,可用作文字的容器
<span> 元素也沒(méi)有特定的意義。
與 CSS 一同使用時(shí),<span> 元素可用於為部分文字設(shè)定樣式屬性。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> </head> <body> <div> <p>標(biāo)題</p> <span> 內(nèi)容 </span> </div> </body> </html>