当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > WEB标准教程:P标签的应用

CSS样式表
css ID类和class类的长命名与短命名
CSS background-position的使用说明详解
利用CSS定位背景图片 background-position
CSS 多图片融合背景定位的应用于优缺点分析
CSS实现的图片宽高自适应固定边框
css 背景图片定位在菜单效果中的应用实例
CSS 速记口诀 可以解决一些常见问题
CSS 多浏览器兼容性问题及解决方案
css 行级元素在多浏览器下的宽度问题 与解决方法
IE下行框高度的问题
CSS 实现的图片宽高自适应固定边框
css的核心内容 标准流、盒子模型、浮动、定位等分析
CSS 超出隐藏实现限制字数的功能代码(多浏览器)
Div+CSS 布局入门教程之二 构建网站
CSS 网页布局中文排版的9则技巧
CSS网页布局25个实用小技巧
网页制作 默认Web字体样式
IE与Firefox的CSS兼容大全 推荐
css 非表格垂直对齐效果代码
css cursor 的可选值(鼠标的各种样式)

CSS样式表 中的 WEB标准教程:P标签的应用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 107 ::
收藏到网摘: n/a


从今天开始,我将全面的共享出我所能理解的所有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