网站推广.NET

网站推广.NET

div是什么html

来源:互联网

p是层叠样式表中的定位技术,全称DIVision,即为划分。在html中,p是一个块级元素,可定义文档中的分区或节,可以把文档分割为独立的、不同的部分,它可以用作严格的组织工具,并且不使用任何格式与其关联。

一、html <p>简介

p是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 p元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

作为一个“纯粹的”容器,<p>元素在语义上不表示任何特定类型的内容。然而,其可以将内容分组,从而可以使用class或是id属性方便的定义内容的格式,也可以在一段文档中划分标记出使用另一种语言书写的内容(使用lang 属性)等等。

<p>可定义文档中的分区或节(pision/section),可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

二、p语法及作用

语法

<p></p>

作用

p 标签可以用来划分 HTML 结构,从而配合 CSS 来整体控制某一块的样式。p 标签是块级元素,它可用做组合其它 HTML 元素的容器。p 标签可以用作严格的组织工具,如果用 id 或 class 来标记 p 标签,则 p 标签的作用会更加完美。

三、p用法示例

用法

<p>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是<p>固有的唯一格式表现。可以通过<p>的 class 或 id 应用额外的样式。不必为每一个<p>都加上类或 id,虽然这样做也有一定的好处。可以对同一个<p>元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

示例

<html><body><h3>This is a header</h3><p>This is a paragraph.</p><p style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></p></body></html>

p标签中的两句话会显示为绿色。

延伸阅读

p布局优势

精简代码,减少重构难度:网站使用DIV+CSS布局使代码很是精简,相信大多朋友也都略有所闻,css文件可以在网站的任意一个页面进行调用,而若是使用table表格修改部分页面却是显得很麻烦。要是一个门户网站的话,需手动改很多页面,而且看着那些表格也会感觉很乱也很浪费时间,但是使用css+p布局只需修改css文件中的一个代码即可。加快网页访问速度:使用了DIV+CSS布局的网页与Table布局比较,精简了许多页面代码,那么其浏览访问速度自然得以提升,也从而提升了网站的用户体验度。SEO优化:采用p-css布局的网站对于搜索引擎很是友好,因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题,而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。浏览器兼容性好:若使用table布局网页,在使用不同浏览器情况下会发生错位,而p+css则不会,无论什么浏览器,网页都不会出现变形情况。
div