div和span的區別及塊狀元素和行內元素

區別

div

1. 是塊級元素，主要用於容納其他標籤，獨佔一行
2. 未設定寬度時，div的寬度爲父元素的寬度

span

1. 是行內元素， 主要用於容納文字
2. 無法添加寬度和高度

二者：div內可以存放span，但是span內無法存放div標籤。

 

 

塊狀元素

<address> <center>  地址文字    <h1>.-----<h6> 標題標籤    <hr>  水平分割線                     <p> 段落      <pre>預格式化        <blockquote>  段落縮進  前後5個字符 <marquee>滾動文本<ul> 無序列表  <ol> 有序列表     <li> <dl>  定義列表 <table> <tr><td> 表格 <form>  表單  <div>    <header>   <nav> <footer>  頭部尾部

 

行內元素

<span>. <a>  鏈接  <br>  換行 <b>  加粗 <strong>  加粗 <img >  圖片 <sup>  上標     <sub>  下標  <i>  斜體   <em>  斜體   <del>  刪除線   <input/> 文本框    <textarea> 文本域    <select>  下拉框

 

 

參考：面試之塊狀元素、行內元素有哪些？各自的特點？