WEB标准教程:P标签的应用

所属分类: 网页制作 / CSS 阅读数: 646
收藏 0 赞 0 分享

从今天开始,我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个“WEB标准能有多难?”的专栏里。当然由于振之的水平有限,所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析,要有自己的判断,欢迎各位朋友提出自己的看法与意见。
很多朋友现在还在用Dreamweaver(下称DW),不可否认这是个非常优秀的软件,他基本上实现了所见即所得。当然也正是因为这样让很多网页制作人员对于(x)HTML标签变得一无所知。然而要学习WEB标准就必需要与标签打交道,你必需要了解他们的特点。就算你不打算自己打代码,继续使用DW来完成自己的工作也必需要知道DW生存的代码的作用。如果你希望减少冗余代码,提升网页的品质,那么你就更需要认知(x)HTML标签。
那么学习自然要循序渐进,当然要从最常用、最简单的入手。如果问在所有HTML标签中谁是最常用最简单的标签?那我一定会说是段落标签,也就是<p></p>,说它常用,是因为几乎所有的文档文件都会用到这个标签,说他简单从外形上就可以看出来,他只有一个字母。虽说是简单,但是却也非常重要,因为这是一个用来区别段落用的。我们都知道段落是用来划分文章用的,以方便阅读。而有时候因为一些软件,或是人为操作使得文档中以其它的标签来区分,用<div></div>的就特别的多。那么有人会说:不都一样嘛,反正都区分开了。事实不然,虽然对于我们人来讲,用什么东西区分段落都可以,但是对于机器、程序来讲,需要理解段与段就需要通过这些标签了。这也就是标签的语义,正确的语义会让你的文档更容易为搜索引擎所识别。同时合理安排标签的使用也有助于维护与管理以及代码的移植。
当然有很多人可能早就知道这个标签并且一直在用,并且还发现段落标签不使用</p>一样可以显示。并且在一直使用着这种方法。在HTML中这种写法是允许的。但是在(x)HTML中就已经规范了这种写法,所有的段落标签都必需要加上结束标签。(<p>示例段落……文字</p>)这点要切记,(x)HTML并没有为HTML增加什么更新的标签,只是规范了HTML的标签的使用,以及减去了一些不合理的标签,以及标签里的属性。那么段落标签中都有哪些属性?留下来多少呢?振之查阅了一些文献。
align属性:写法是<p align=left ></p>,属性值有:left、right、center、justify(两端对齐)。这是对齐属性,作用是管理段落里文本的对齐方向。但是在(x)HTML中已经不赞成使用这个属性了,当然浏览器还是支持这个属性的。尽管如此我们还是不用为好,为什么不用呢,因为这个属性我们完成可以通过CSS可以很简单实现,不需要在代码里一一加上这些属性。
可以使用的属性有:id、class、style、title。关于这几个属性将会在本专栏以后的文章进行分析,这里只要大家理解在段落标签中可以使用这些属性就可以了。
好了,如果你现在还没尝试为文章设置段落标签不如从现在开始在自己手上的项目中加入这个代码吧。这会让你越来越容易的掌握WEB标准。
另外,P是个块级标签,但是在这个块级标签里却不能再出现块级标签。关于(x)HTML的嵌套规则可以参考由JUNCHEN翻译并做出解释的《(X)HTML Strict 下的嵌套规则》
补充:
应该释义一下:P means Paragraph, Div means Division, Span means Span. -- JUNCHEN
更多精彩内容其他人还在看

js 解决隐藏与显示div的相关问题

我的导航中就有一栏产品中心下面用隐藏个div然后鼠标放上去就显示出来,但是导航那一块div一直出不来,什么都没有,很是郁闷不知道是什么原因
收藏 0 赞 0 分享

关于clearBoth在GOOGLE Chrome中的问题解决方法

下面这段CSS在IE中好好的,但在GOOGLE Chrome中总是不行,我调测了无数次。问题就出在 clearBoth 这个样式上,此问题如何解决,写下来详细介绍
收藏 0 赞 0 分享

用css margin去掉横排图片之间的间距

HTM,CSS,怎样去掉横排图片之间的间距,是我们的一大头疼问题,于是本人搜集整理一下,晒出来和大家分享,希望可以帮助你们
收藏 0 赞 0 分享

关于li:hover的怎么清除浮动问题实现代码

当鼠标移动上去时,周围显示一个方框,但是后面的会向后移动,如何才能使得当鼠标移上去时后面的li不浮动
收藏 0 赞 0 分享

ie6不支持两个连续并列class类名怎么解决

在网页布局中会使用到两个连续的class,但唯独ie6不支持,很郁闷,于是搜索整理下,晒出来和大家分享
收藏 0 赞 0 分享

如何在class内写xsl标记注意事项

想要在class中写一个xsl标记,想要知道应该如何来写出正确的代码语句,请详看本文
收藏 0 赞 0 分享

ie10 css hack 条件注释等兼容方式整理

ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来解决
收藏 0 赞 0 分享

IE6双倍边距 IE6浏览器会出现双倍边距解决方法

所谓的IE6双倍边距就是指当元素有float属性,又有margin属性时,在IE6下面显示的margin的值是设置值的两倍,这个问题从有css技术时就已经诞生,本文将介绍详细解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

css 网页背景图片 怎样用CSS实现大背景网页效果

在网页设计制作中经常会遇到这样的问题:用图片做背景时,由于显示器分辨率太大或者图片尺寸太小,在页面的两边或者下部了没有背景图片,使页面变的很僵硬,于是搜集整理一些,晒出来和大家分享
收藏 0 赞 0 分享

CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表

在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,需要的朋友可以注意下
收藏 0 赞 0 分享
查看更多