XHTML标记要合理使用

2016-02-19 12:48 5 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的XHTML标记要合理使用,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】


  在脚本之家以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。
  例如一个标题,我们可以用h1来定义它:
  h1文章的标题文字写在这里/h1
  而不应该使用其它的什么方式来定义它:
  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"
h1脚本之家tulaoshi.com。欢迎您的到来/h1
h2脚本之家Webjx.Com 提供最新最快的网页技术/h2
p脚本之家tulaoshi.com提供网页制作教程,动态网页制作教程,建站指南,Flash动画教程,视频教程,网页特效代码,网页素材,书籍下载等内容,希望给您的工作和学习能带去帮助。/p
/div

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

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

延伸阅读
大家对于柴胡是否有了解呢,柴胡在中药中有着比较多的功效与作用,可以帮助我们调理身体机能,那么大家知道柴胡的功效与作用吗,小柴胡汤的制作方法又是怎么样的呢,下面就让我们一起来了解一下吧。 柴胡是中药名称,是被中国药典所收录的草药,药用价值比较高,其药用部位是呈现伞型,其叶和根都可以入药。 春、秋二季采挖,...
标签: 秋季养生 健康
.hzh {display: none; } 秋天,秋高气爽,风干物燥。入秋后,人们常会觉得口干鼻燥、皮肤发干、脱屑,甚至出现皮肤皲裂等症状,这主要是秋季气候所致。秋天防燥养颜,可服食疗方。 番茄黄瓜饮:西红柿去皮、籽,黄瓜洗净,共搅碎后过滤取汁,加入适量蜂蜜,一日两次,一次一小杯。西红柿、黄瓜含谷胱肽和维生素C,能促进皮肤新陈代...
标签: 秋季养生 健康
秋季养生五要 .hzh {display: none; } 秋三月以秋分为季节气候转变环节,此时自然界阳气渐收,阴气渐长。“白露”后雨水渐少,秋风瑟瑟,天气干燥,故秋令主燥。“一场秋雨一场寒,”中秋后,昼热夜凉,气候变化大。在这样的气候条件下,若不注意养生保健,身体容易患病,旧病复发,所以古人称秋季为“多事之秋”,是有一定的道理的...
标签: Web开发
W3C 近日发布两项标准,分别是 XHTML Basic1.1 及 移动 Web 最佳实践 1.0 。这两项标准均针对移动 Web,其中,XHTML Basic 1.1 是 W3C 建议的移动 Web 置标语言。 XHTML Basic 1.1 移动置表语言有众多分支,XHTML Basic 1.1 的发布,为移动置标语言提供了一个标准, XHTML Basic 1.1 包含以下新功能: 新增 XHTML 表单 新增...
标签: Web开发
我们在文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索引擎优化知识的了解,发现其实标签的使用也是一门学问。 在这里不对各标签在CSS中对...

经验教程

433

收藏

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