首页 > 其它资讯 > 商机参考 > 网站建设 >

p标签不可以嵌套块状标签

时间: 2019-03-23 13:46 来源:www.jianshenbuji.com 作者:中国健身补剂网 收藏

html的标签分为两种,块级标签和内联标签。块级标签是一个完整的小主体,比如一个表格,一段内容,一张列表等等,它们包括了p,div,ul,table,h标签。内联标签起的是修饰的作用,它们是 是li,a,b,img,span等,内联标签依附于块级标签使用。

我们经常犯的错误是是块级标签的嵌套问题,如果是静态页面,块级标签的嵌套,其浏览器上显示的结果都是一样的。但是对于动态页面而言, 尽管浏览器显示结果一样,并不代表程序端显示结果是一样的,程序端所呈现的才是浏览器对这些标签真正的解读。 (符合规范的html代码写法是正确编程的重要部分)也就是说,对客户段比较友好,对程序端友好性比较差。

块标签p,ul,table,h里面都不能嵌套任何块标签,比如p标签里不能嵌套有p标签,p标签里不能嵌套与table标签,p标签里不能嵌套有ul标签,p标签里面不能嵌套没有内联修饰的div标签,这些标签里面只能有内联标签。块标签里面只有div可以与div互相嵌套,因为div还有框架的功能,并且只有div里面才能有p,ul,table,h标签。这就是符合规范的写法。比如<p>?</p>这个问号处就不能有<table></table>、<ul></ul>、<h1></h1>、<div></div>甚至<p></p>,这个问号处只能是图片,文字等具体的内容。需要注意的是只有table才能嵌套内联修饰过的div标签,因为table是div级的网页布局标签,table和div都是可以进行框架布局和内容修饰,但却不具备文章的层级结构,也就是说对于搜索引擎而言,只有p,ul,h标签才具有实际的文章层级表达。虽然曾经大量采用,但是后来网站布局都用的div。p,ul和h标签的特殊性,使得它们不允许嵌套div标签,尽管有些浏览器会友好显示,但是对于程序制作方而言,不仅会让程序读错,而且后期修改也是不便,刚才说了程序端会显示出浏览器解析标签代码后的真正结果,并不是呈现结果,所以会导致 某些情况动态程序出错。

代码编写者可以用dreamweaver来验证标签是否嵌套对了。如果<p>标签里面有<div>,那么<p>标签会将<p>标签里面有<div></div>,那么<p>标签会将<div></div>移出去,自动补上</p>结尾。