隨著時間的推移，我們學習html的基礎知識有了大概的了解。而我發現，平時在寫html文檔的時候，發現不太清楚標簽之間的嵌套規則，經常是想到什么標簽就用那些，然而發現有時的標簽嵌套卻是錯誤的。通過網上找資料，了解了html標簽的嵌套規則

一、HTML 標簽包括 塊級元素(block)、內聯元素(inline)

1、塊級元素

一般用來搭建網站架構、布局、承載內容的元素，如下：

address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

2、內嵌元素

一般用在網站內容之中的某些細節或部位，用以“強調、區分樣式、上標、下標、錨點”等等，下面這些標簽都屬于內嵌元素，如下：

a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var

二、HTML 標簽的嵌套規則

1. 塊元素可以包含內聯元素或某些塊元素，但內聯元素卻不能包含塊元素，它只能包含其它的內聯元素：

—— 對

—— 對

—— 錯

2. 塊級元素不能放在

里面：

—— 錯

3. 有幾個特殊的塊級元素只能包含內嵌元素，不能再包含塊級元素，這幾個特殊的標簽是：

h1、h2、h3、h4、h5、h6、p、dt

4. li 內可以包含 div 標簽。

li 和 div標簽都是裝載內容的容器，地位平等，沒有級別之分，li 標簽連它的父級 ul 或者是 ol

都 可以容納的。

5. 塊級元素與塊級元素并列、內嵌元素與內嵌元素并列：

—— 對

href=”#”>

—— 對

—— 錯

XHTML標簽的嵌套規則分析

在 XHTML 的語言里,我們都知道:ul 標簽包含著 li.dl 標簽包含著 dt 和 dd——這些固定標簽的嵌套規則十分明確.但是,還有許多標簽是獨立的,它們沒有被捆綁在一起,比如 h1.div. ...

HTML標簽的嵌套規則

我在平時在寫html文檔的時候,發現不太清楚標簽之間的嵌套規則,經常是想到什么標簽就用那些,后來發現有些標簽嵌套卻是錯誤的.通過網上找資料,了解了html標簽的嵌套規則. 一.HTML 標簽包括 塊級 ...

XHTML標簽的嵌套規則--很基礎很重要

XHTML的標簽有許多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我們在運用這些標簽搭建頁面結構的時候,是可以將它們無限嵌套的,但是,嵌套 ...

為什么p標簽不能嵌套div??

火狐下<a>標簽里嵌套的<select>不能選的bug

今天遇到了這個問題,網上一找就找到原因了:在狐火下標簽里嵌套的不能選 可是我查找這個問題過程中依然饒了一些時間,原因是在

html標簽的嵌套規則分析

1.a標簽最好不要嵌套塊級元素,可以嵌套內聯元素,但是不能嵌套a標簽和input之類的標簽.能嵌套的標簽像,等等. 2.ul和ol的子元素不能是別的元素只能是li,不能是別的比如div等,但是li中可 ...

HTML中部分標簽的嵌套問題

書寫HTML結構的時候,對于標簽的嵌套問題,在我發現這個問題之前,都不在自己的考慮之中,還傻傻的以為標簽之間是可以進行百搭的! 其實,有些標簽是不能進行隨意嵌套,如果你沒有深受其害,你是不會發現它的存 ...

超級簡單卻不知道：html標簽的嵌套規則

XHTML的標簽有許多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我們在運用這些標簽搭建頁面結構的時候,是可以將它們無限嵌套的,但是,嵌套 ...

PHPCMS V9標簽循環嵌套調用數據的方法

PHPCMS?V9的標簽制作以靈活見長,可以自由DIY出個性的數據調用,對于制作有風格有創意的網站模板很好用,今天就介紹一個標簽循環嵌套方法,可以實現對PC標簽循環調用,代碼如下: 在此文件里/php ...

隨機推薦

【jquery】幻燈片效果

閑著無聊,用Jquery寫了一個幻燈片效果. 我這人喜歡造輪子,除了jquery這種有強大開發團隊的框架級別JS,其實的一些小程序都是盡量自己寫. 一是因為怕出問題了沒人問,二是自己寫的改起來也方便. ...

第十二天 jni 了解

1 .什么是jni??? java native interface? 是一種協議. 用于java 和C 語言之間進行 通訊. 2. java? 8中基本類型 . byte (1個字節)? short ...

delphi 取得漢字的第一個字母

功能說明://取得漢字的第一個字母?function GetPYIndexChar( hzchar:string):char;begin??caseWORD(hzchar[1])shl8+WORD(h ...

hdoj 2795 Billboard【線段樹區間最大值】

Billboard Time Limit: 20000/8000 MS (Java/Others)????Memory Limit: 32768/32768 K (Java/Others)Total ...

Python自學筆記——Matplotlib風羽自定義

[前言]對于氣象專業的小學生來說,風場是預報重要的參考數據,我們所知的風羽有四種:短線代表風速2m/s,長線代表風速4m/s,空心三角代表風速20m/s,實心三角代表風速50m/s.而matplotl ...

IIS7.0發布后關于"不能在此路徑中使用此配置節”的解決辦法

在系統為window sever2008,iis7.0上安裝后發布出現 IIS Web Core 通知?BeginRequest 處理程序?尚未確定 錯誤代碼?0x80070021 配置錯誤?不能在此 ...

Reactjs vs. Vuejs

歡迎大家關注騰訊云技術社區-博客園官方主頁,我們將持續在博客園為大家推薦技術精品文章哦~ 紀俊,從事Web前端開發工作,2016年加入騰訊OMG廣告平臺產品部,喜歡研究前端技術框架. 這里要討論的話題 ...

Mybatis的原始dao開發方法

在進入主題之前先提一下sqlSession.sqlSession是一個面向用戶(程序員)的接口. sqlSession中提供了很多操作數據庫的方法,如: selectOne(返回單個對象).selec ...

cocos2d-html5 碰撞檢測的幾種方法

游戲中的碰撞還是比較多的,比如角色與角色的碰撞,角色與墻壁的碰撞,角色與怪物的碰撞等,都需要進行碰撞的檢測,來觸發一定的事件 最近在嘗試制作一個小游戲的時候需要用到碰撞檢測,然后就查了下資料,并在論壇 ...

總結

以上是生活随笔為你收集整理的html标签可以嵌套吗,HTML标签的嵌套的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。