html基础系列教程Ⅰ:从p开始循序渐进

赵红说事实

赵红说事实

2016-02-19 17:01

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的html基础系列教程Ⅰ:从p开始循序渐进,希望大家看完后能赶快学习起来。

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

从今天开始,我将全面的共享出我所能理解的所有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可以很简单实现,不需要在代码里一一加上这些属性。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

可以使用的属性有:id、class、style、title。关于这几个属性将会在本专栏以后的文章进行分析,这里只要大家理解在段落标签中可以使用这些属性就可以了。

好了,如果你现在还没尝试为文章设置段落标签不如从现在开始在自己手上的项目中加入这个代码吧。这会让你越来越容易的掌握WEB标准。

另外,P是个块级标签,但是在这个块级标签里却不能再出现块级标签。关于(x)HTML的嵌套规则可以参考由JUNCHEN翻译并做出解释的《(X)HTML Strict 下的嵌套规则》

展开更多 50%)
分享

猜你喜欢

html基础系列教程Ⅰ:从p开始 循序渐进

Html CSS布局 Div+CSS XHTML
html基础系列教程Ⅰ:从p开始 循序渐进

html基础系列教程Ⅰ:从p开始循序渐进

Web开发
html基础系列教程Ⅰ:从p开始循序渐进

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CorelDRAW 12循序渐进(2)-基础操作

CorelDRAW
CorelDRAW 12循序渐进(2)-基础操作

Jsp + JavaBean循序渐进教程

Java JAVA基础
Jsp + JavaBean循序渐进教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

小P支招秋季美白 循序渐进最重要

美白
小P支招秋季美白 循序渐进最重要

CSS 循序渐进(四)表里春秋

Html CSS布局 Div+CSS XHTML
CSS 循序渐进(四)表里春秋

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

深度探索C++对象模型(7)

深度探索C++对象模型(7)

90后最伤感QQ网名 天会黑﹠人会变

90后最伤感QQ网名 天会黑﹠人会变
下拉加载更多内容 ↓