导航

毅博客

分享本身就是件快乐的事,我因别人得到帮助而感到幸福

« 3月16日 UCDChina 南京书友会丰富段落里的标签 »

从p开始,循序渐进

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
请大家帮忙:行文措辞难免有错,请大家在阅读时发现错误通过评论方式告诉我。谢谢大家

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

作者 / 振之
网站 / 毅博客 http://andy.andymao.com/
电话 / (86)025 5890 9295
  • quote 6.振之
  • http://www.andymao.com
  • 这个专栏主要是以基础知识为主,总的来说有东西可以写,以后我会加快更新速度。并且希望大家提出宝贵的意见帮助我写好这个专栏
    由 振之 于 2008-3-8 22:46:41 最后编辑
  • 2008-3-8 21:26:09 回复该留言
  • quote 12.wxycool
  • 为什么是p不是a。。
    振之 于 2008-3-13 11:47:19 回复
    为什么是P不是A,原因很简单,P是文档的必用标签。A虽然是网页的特性,却未必是文档的特性。
  • 2008-3-13 11:31:54 回复该留言
  • quote 14.振之
  • http://www.andymao.com
  • 本专栏的目的不是讲标签,而是从基础的知识入手,细致地去分享我所理解的知识。对于前来阅读的朋友是抱以什么样的目的我不可能一一满足,也不能现在就满足。因为大家来的目的都不一样,对于品酷韩风说的希望看到一种理念,一种如何整合利用标签的方法,这些可能会在以后的文章中讲述。也可以人别的专栏看到。而不是现在的这个专栏。因为这个专栏就是个从基础文章开始的。目的也是梳理出WEB标准的应用知识。

    当然对于一些特别的标准会写,但是不是在这个专栏,而是在杂谈标准专栏。
  • 2008-3-13 16:53:24 回复该留言
  • quote 17.JunChen
  • http://www.junchenwu.com
  • 好像我的Web标准实践系列,写了两篇就没继续下去了。汗一下。

    应该释义一下:P means Paragraph, Div means Division, Span means Span. 呵呵。
  • 2008-3-15 23:33:56 回复该留言
  • quote 20.振之
  • http://www.andymao.com
  • @牙,是有点回到从前的感觉啊!
    keind 于 2008-5-26 21:57:39 回复
    你的文章很易懂,能不能写点CSS+DIV的教程啊Love
    keind 于 2008-5-26 21:58:37 回复
    还有啊,为什么我经常发的留言都不见了~What
  • 2008-3-29 10:46:37 回复该留言
  • quote 21.栈道
  • “很多朋友现在还在用Dreamweaver(下称DW)”,请教老师一下,我不是很明白这句话的意思。我现在编写代码也还是用DW的,不知道老师现在用什么?
    振之 于 2008-5-26 17:27:32 回复
    我不是老师,叫我振之就可以了。我现在只用Editplus来写代码。
    用什么软件写代码都没关系,但是大部分人用DW还是看重所见即所得的功能,使之操作更为有效
  • 2008-5-26 8:58:24 回复该留言
  • quote 23.keind
  • http://www.onplay.cn
  • 我觉得用什么工具都无所谓,DW当然有DW的好处.
    现在CSS+DIV大行其道,用DW开发省时省力,但我想博主的意思是,当我们抛弃这些工具的时候,我们也能够掌握这些基本的知识,而不用太过于依赖工具
  • 2008-5-26 21:55:06 回复该留言
  • quote 24.cnscorpio
  • http://www.cnscorpio.cn
  • 大家都说的不错,工具与工具就如语言之于语言,不过是完成一个事情所使用的外在辅助,关键还在于理解在做的这些东西是否合理,是否遵循某些成文与不成文的约定,我本人用DW图的是写标签与样式时的自动完成功能和提示功能。
  • 2008-5-31 16:45:39 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog .Theme from Google黑板报 By Washun

Copyright 2005-2007 Jonmax.com. All Rights Reserved.

Search

最新评论及回复

最近发表

资助者链接