web标准知识——从p开始,循序渐进

所属分类: 网络编程 / CSS/HTML 阅读数: 1209
收藏 0 赞 0 分享
很多朋友现在还在用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 下的嵌套规则》
更多精彩内容其他人还在看

简单明了带你了解CSS Modules

不要误会,CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词,它其实是特指一种近期才出现的技术手段。什么技术手段呢?下面小编来和大家一起学习一下
收藏 0 赞 0 分享

新手学习css优先级

大部分人同样也会在写css的过程中产生很多困惑,比如为什么自己写的某段css没有生效,或者呈现出的样式和预计的不同,但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
收藏 0 赞 0 分享

css进阶学习 选择符

css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢?下面小编给大家说明如何从css选择符的角度来提高css代码质量。
收藏 0 赞 0 分享

实现css文字垂直居中的8种方法

CSS可以轻易实现文字的水平居中,但有时我们需要文字垂直居中,除了表格可以实现这种CSS文字垂直居中以外,还有其它几种方法可以做到
收藏 0 赞 0 分享

完美实现CSS垂直居中的11种方法

在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的
收藏 0 赞 0 分享

webpack高级配置与优化详解

这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面,webpack跨域问题等相关内容
收藏 0 赞 0 分享

5个HTML5的常用本地存储方式详解与介绍

在HTML5规范之前,存储主要是用cookies,但cookies缺点有在请求头上带着数据,大小是4k之内,今天为大家介绍一下H5的5种存储方式
收藏 0 赞 0 分享

CSS代码检查工具stylelint的使用方法详解

stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint
收藏 0 赞 0 分享

Zen Coding css,html缩写替换大观 快速写出html,css

本文是在zen使用生产中遇到的问题做一些分享。
收藏 0 赞 0 分享

javascript代码规范小结

javascript代码规范,大家可以参考下,以便写出更利于阅读的代码。
收藏 0 赞 0 分享
查看更多