2017-09-07
摘抄自W3school-HTML <div> 和 <span>
希望幫助自己系統(tǒng)地打好基礎(chǔ)业扒,也能在做筆記的同時(shí)添加一些自己額外的收獲蜓氨。
可以通過 <div> 和 <span> 將 HTML 元素組合起來。
HTML 塊元素
大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素脚曾。
編者注:“塊級元素”譯為 block level element挑豌,“內(nèi)聯(lián)元素”譯為 inline element姐霍。
塊級元素在瀏覽器顯示時(shí),通常會(huì)以新行來開始(和結(jié)束)盯荤。
例子:<h1>, <p>, <ul>, <table>
HTML 內(nèi)聯(lián)元素
內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開始媚污。
例子:<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是塊級元素,它是可用于組合其他 HTML 元素的容器廷雅。
<div> 元素沒有特定的含義耗美。除此之外,由于它屬于塊級元素航缀,瀏覽器會(huì)在其前后顯示折行商架。
如果與 CSS 一同使用,<div> 元素可用于對大的內(nèi)容塊設(shè)置樣式屬性芥玉。
<div> 元素的另一個(gè)常見的用途是文檔布局蛇摸。它取代了使用表格定義布局的老式方法。使用 <table> 元素進(jìn)行文檔布局不是表格的正確用法灿巧。<table> 元素的作用是顯示表格化的數(shù)據(jù)赶袄。
定義文檔中的分區(qū)或節(jié)(division/section)揽涮。
HTML <span> 元素
HTML <span> 元素是內(nèi)聯(lián)元素,可用作文本的容器饿肺。
<span> 元素也沒有特定的含義蒋困。
當(dāng)與 CSS 一同使用時(shí),<span> 元素可用于為部分文本設(shè)置樣式屬性敬辣。
定義 span雪标,用來組合文檔中的行內(nèi)元素。