注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> CSS >> 网页设计正文

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

文章来源:毅博客 作者:佚名 更新时间:2008-4-4 16:09:05 【 】 【加入收藏

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

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS实例教程:简单的loading
     Flash实例教程:烛光动画特效
     Flash实例:打造佛光效果
     Fireworks教程:绘制精致的跑车
     Fireworks教程:不同切角效果
     Fireworks教程:制作韩国女包
     Fireworks教程:简单制作渐隐线
     Web标准应用之腾讯QQ首页改版
     比较文档位置
     32个典型的以分栏/网格为基础的网站
    最 新 推 荐
     WEB标准教程:链接和文本标签的应用
     WEB标准教程:功能相似的标签的用法
     网页表单在浏览器的表现实例
     CSS教程关于css框架网页设计
     符合WEB标准的网页图像的代码精简
     清除浮动clear:both的应用详解
     WEB标准教程:功能丰富的段落P标签
     看看网页高手怎么理解Web标准
     WEB标准教程:P标签的应用
     Web前端开发的Firefox插件
    相 关 文 章

    Web标准应用之腾讯QQ首页改版
    Wells Fargo提供在线存储服务
    WEB标准教程:链接和文本标签的应用
    WEB标准教程:功能相似的标签的用法
    符合WEB标准的网页图像的代码精简
    WEB标准教程:功能丰富的段落P标签
    看看网页高手怎么理解Web标准
    Web前端开发的Firefox插件
    Web标准:关于web标准的一些初学的知识
    Dreamweaver表格妙用线框制作

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用