根据网页HTML结构选择最合适的XHTML标签

2016-02-19 21:40 5 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的根据网页HTML结构选择最合适的XHTML标签,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

  在网页教学网以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。

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

  例如一个标题,我们可以用h1来定义它:

  h1文章的标题文字写在这里/h1

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

  而不应该使用其它的什么方式来定义它:

  p style="font-size:16px; font-weight:bold;"文章的标题文字写在这里/p

  在网页教学网以前的的文章里,我们列出了所有XHTML1.0允许使用的标签,我们也可以发现,其中可以让我们选择的元素标记其实是很少的。但我们也清晰的认识到,这些精炼的元素标记也更加有明确的意义。如果你实在找不到恰当的元素进行标记,那么可以使用通用的div与span标签。

  页面中div与span标签的使用是一个新问题,我们也容易过多的使用它们。必要及合理的使用div可以明显的增强文档的结构性。如果你审视你的HTML文档,发现有着很多的div与span,那你就得换一个眼光来看问题了,是不是存在滥用的情况?是不是还有更好的标记来替代它们?若h1可以更好的表示所标记的内容,那你就得放弃p或span来定义。

  或许这是一对矛盾,我们本身也较难把握该如何正确的使用它们,也或许我们根本就得不到一个明确的答案。但有一点需要阐明,我们应该使文档在逻辑上具有清晰的结构,而且更加容易应用样式。我们可以将div仅看着是一个容器,或者叫做文档的组成“部分”。我们使用太多的容器,并不是一个明智的模式。而恰到好处居于合理位置的容器,可以让整个文档显的很有条理。

  如下的代码,就比较合理有效:

div id="header"
    h1www.knowsky.com欢迎您的到来/h1
    h2www.knowsky.com提供最新最快的网页技术/h2
    pwww.knowsky.com提供网页制作教程,动态网页制作教程,建站指南,Flash动画教程,视频教程,网页特效代码,网页素材,书籍下载等内容,希望给您的工作和学习能带去帮助。/p
/div

来源:http://www.tulaoshi.com/n/20160219/1626808.html

延伸阅读
吃水果现在已成为了很多人每天的“必修课”,但吃得多不如吃得巧,吃水果也得按时间来。中医指出, 水果要选择最合适的时间食用 。 空腹别吃太酸的。一般而言,早晨起床时供应大脑的肝糖原己耗尽,此时吃水果可以迅速补充糖分,帮助消化吸收,再加上水果的弱酸甜滋味,可让人一天都感觉神清气爽。但早上胃肠经过一夜的休息,...
根据不同拍摄题材选择合适镜头   一般来讲,追求全焦段,更大的原因是不知道自己需要什么,不知道买相机是为了什么,而这也成为购买设备最大的浪费。面对干什么的问题,我主要归结:风光、人文(旅游)、人像、微距、野生动物五个方面。     &nbs图老师p;        小编推荐:不一样的风景如何选择合适的...
如何根据肤质选择合适的粉底 肤质1:油性肌肤 当油性皮肤使用粉底液时,最大的问题就是脸上特别容易就泛油。粉质微粒容易与皮肤分泌的多余油脂凝结在一起,导致妆容极易脱落、溶化、局部妆容堆积厚重。建议选择标有无油配方或者控油效果特佳的粉底。这样的粉底能够有效排汗,让毛孔粗大的油性肌肤保持肌肤顺畅的呼吸,从而使妆容保持地更持...
《文明 太空》最合适优势选择技巧分享 就像系列其他作品一样,文明太空也是一个负责的系统,一个负责的社会。这里我们就来讲述一下玩家们常常提起的《文明 太空》社会优势。它到底是什么,是一种buff还是一种种族,该如何选择了?这里会详细给大家介绍一番。 社会优势定义: 社会优势是一种正交系统,可以补充、增强玩家科技选择和游戏风格...
四大民间故事——孔融让梨 孔融小时候家里有五个哥哥,一个弟弟。有一天,家里吃梨。一盘梨子放在大家面前,哥哥让弟弟先拿。你猜,孔融拿了一个什么样的梨?他不挑好的,不拣大的,只拿了一个最小的。爸爸看见了,心里很高兴:别看这孩子才四岁,还真懂事哩。就故意问孔融:“这么多的梨,又让你先拿,你为什么不拿大的,只拿一个...

经验教程

237

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部