語義化
何為語義化?就是說在HTML標記語言中官觅,每一個標記都有特定的語義。選擇合理的標記阐污,不僅讓開發(fā)者容易閱讀代碼休涤,也更方便讓瀏覽器爬蟲抓取我們想讓瀏覽器抓取的內容。也可以說能夠更好的SEO吧。
href和src有何區(qū)別功氨?
href 表示超文本引用(hypertext reference)序苏,指向網(wǎng)絡資源所在位置,建立和當前元素(錨點)或當前文檔(鏈接)之間的鏈接捷凄。
src表示來源地址(source)忱详,指向外部資源的位置,指向的內容將會嵌入到文檔中當前標簽所在位置跺涤。
所以二者之間的區(qū)別一下子就可以看出來了匈睁,href是鏈接,src是插入桶错。
img iframe script 標簽用的是src
a 和 link 用的是 href
引用鏈接
常用的HTML 標簽
style script h1~h6 ul ol li a p img pre form iframe table th tr td br
HTML 標簽嵌套規(guī)則
既然說起嵌套規(guī)則 航唆,那我們就得知道誰和誰進行嵌套。在此之前我們還得先了解啥是標準流院刁。
流:在現(xiàn)實生活中就是流水,在網(wǎng)頁設計中就是指元素(標簽)的排列方式糯钙。
標準流:元素在網(wǎng)頁中就像流水,排在前面的元素(標簽)內容前面出現(xiàn),排在后面的元素(標簽)內容后面出現(xiàn),也可以理解為HTML沒有加CSS之前瀏覽器渲染出來的樣子退腥。在標準流中任岸,網(wǎng)頁元素又可以分為塊元素和行內元素。
其實我們說的嵌套規(guī)則就是指的是元素間嵌套狡刘,而元素又分為塊元素和行元素享潜。他們之間如何嵌套,就有了我們的嵌套規(guī)則嗅蔬。還是老規(guī)矩米碰,解釋一下什么是塊元素和行元素。
常見的塊級元素
DIV P UL OL LI FORM TABLE H1~H6
常見的行內元素
SPAN A LABEL INPUT IMG STRONG EM
他們兩個的區(qū)別:
- 塊級元素一般用來搭建網(wǎng)站架構购城、布局、承載內容虐译。
- 塊級元素的高度和寬度瘪板,以及邊距和填充都可以起作用。
- 行內元素的高度和寬度不可以設置漆诽,填充和邊距上下設置無效侮攀,左右有效。(說它無效是指并不是說它的展示效果厢拭,而是指它所占的空間兰英。)
- 內聯(lián)元素一般用來在網(wǎng)站內容中的某些細節(jié)或者部位,用以“強調供鸠、區(qū)分樣式畦贸、上標、下標、錨點”等等薄坏。
- 它們可以互相轉換趋厉。display:inline|block。
- 塊級元素的特點:每一個塊級元素都識從一個新行開始顯示胶坠,其后的元素需要另起一行**君账。
- 任何不是塊級元素的可見元素都是內聯(lián)元素。
好了 簡單地說了一下塊級元素和內聯(lián)元素沈善,下面我們開始我們的重點-### 嵌套規(guī)則:
1.塊級元素可以包含內聯(lián)元素或某些塊級元素乡数,但內聯(lián)元素不能包含塊級元素,它只能包含其它內聯(lián)元素闻牡。
2.塊級元素不能放在p里面净赴。
3.有幾個特殊的塊級元素只能包含內聯(lián)元素,不能包含塊級元素澈侠。如h1,h2,h3,h4,h5,h6,p,dt
4.li內可以包含div
5.塊級元素與塊級元素并列劫侧、內聯(lián)元素與內聯(lián)元素并列。(錯誤的:<div><h2></h2><span></span></div>)哨啃。
有些內容參考以下網(wǎng)址標簽嵌套規(guī)則