莫相离 发表于 2015-1-15 23:27:31

来谈谈:XHTML标签在CSS中对应的属性及用法

就在新标准备受瞩目之际,两大网络监督机构却起冲突。我们在网页教授教养网——poluoluo.com的CSS教程文章中一向在夸大语义,那末关于HTML标签该怎样利用呢?他们一样平常的利用地位在那里呢?
  在刚打仗XHTML+CSS计划网页时,关于标签的利用没甚么履历,也很随便,常常是想起甚么就用甚么,以为只需能完成效果就能够。但跟着进修的深切和对seo常识的懂得,发明实在标签的利用也是一门学问。
  在这里不合错误各标签在CSS中对应的属性及用法做具体的先容,重点先容在网页中的使用,但愿能对人人有些匡助。

1、DIV
  DIV关于XHTML建站的伴侣应当其实不生疏,良多的网站和材料也称Web尺度网站建立为DIV+CSS网站建立。如许叫也不是没有事理,由于W3C不保举Table标签使用于网页的结构上,而作为结构标签的DIV天然也就承当起结构的重担。
  DIV也能够说是一个年夜的容器。除网页全体布局结构外,保举使用于分别在网页中看起来绝对自力的地区。就仿佛一张报纸一样,DIV的感化就是分别分歧内容的一个年夜的容器。而分歧地区中在依据详细情形来选择响应符合的标签。

2、H标签
  H标签是一个题目标签,经常使用在段落之前,用于标明段落要表达的意义。依据显现和要表达意义的级别能够分为H1~H6。
  H1的主要性最高,经常使用于表达对全部网站的感化和性子的形貌,或暗示网站面向的受众群体。其他标签依据级其余分歧分离用于显现某个专区的称号,或某段先容笔墨的也许形貌。
  因它暗示对网站或某段笔墨的大致形貌,以是相对搜刮引擎来讲H标签具有很高的代价。但这其实不意味着能够随便的利用。好比,有些网站为了决心寻求特定关头字的排名,而在一段笔墨中利用H标签来展现关头字。或爽性把H标签当作一个容器来对网页举行结构。如许完整搅浑了H标签的感化,也是不保举的。

3、P
  P是一个段落标签,用于辨别一组笔墨的分歧段落。关于搜刮引擎来讲,依照其抓取按次,第一个P标签中的笔墨也是具有很高的代价。如Baidu,它就是疏忽Meta标签description(形貌)中的笔墨,而抓取第一个P标签中的内容(并不是相对)。
  有些网站为了即让搜刮引擎能够抓取更多的内容,又利用户具有扫瞄体验,在分段的时分利用<br/>标签。这也不是说不成以,有些时分基本达不到预期的效果。关于严厉范例(Strict)的文档来讲,<br/>是属于体现情势的标签,是不同意被利用的。
  固然年夜部分的网站利用的都是过渡型的文档范例,但自己不保举利用在笔墨分段上。

4、UL和LI标签
  这是无序列表,UL标签是对列表的声明,LI是列表项。因为其项目标绝对自力性,经常在导航、旧事或文章列表等中央利用。UL也能够做为一个容器来辨别各分歧的列表。
  有些网站能够寻求“Web尺度”,将Table转为用UL和LI来体现,这使得网页难以浏览和保护,毛病的了解恰好违反了Web尺度向我们转达的理念。

5、Table
  这里就不外多先容Table的用法了,只是想说的是,Web尺度不是说今后就不克不及用Table了,而是不保举利用Table来结构,只在显现数据的时分用。以是切合Web的网页和Table标签的利用其实不冲突。

6、为搜刮引擎筹办的标签
  (1)Title:网页的题目,对网站的申明。次标签关于搜刮引擎来讲也是很有代价的,常把方针关头字包括个中。
  (2)Meta的keywords:网页中的次要关头字。最后是为了便利搜刮引擎对网站的分类而筹办,但前期因为良多的网站为了使关头字排名更有益,常常使用此标签做弊,以是如今此标签关于搜刮引擎来讲,几近没有任何意义了。
  (3)Meta的Description:对网页的形貌。同Keywords一样,最后也是为了便利搜刮引擎分类,一样是因为良多网站使用这个标签做弊,以是关于搜刮引擎来讲也已不那末主要了。今朝,在支流搜刮引擎中只要Google还在抓取个中的内容,不外也已几近不依照个中的内容来断定关头字了。
  实在,关于搜刮引擎来讲,最注意的仍是内容的质量。一样我们做网站为的也是向扫瞄者宣扬我们本人。请不要因一时之快而忘了基本。究竟用户体贴的是材料是不是是本人必要的,而不是您网站的排名。

  以上把经常使用的,关于初学者来讲,对照简单搅浑利用地位的标签先向人人先容这么多,接待存眷poluoluo.com更新的CSS教程文章,今后碰到甚么新的成绩,也会不休扩大最近。</p>
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。

简单生活 发表于 2015-1-17 22:48:51

AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。

莫相离 发表于 2015-1-24 05:36:15

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

仓酷云 发表于 2015-1-31 22:30:33

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

乐观 发表于 2015-2-7 02:39:31

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

山那边是海 发表于 2015-2-20 07:41:09

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

透明 发表于 2015-3-6 17:14:25

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

小魔女 发表于 2015-3-20 14:26:18

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页: [1]
查看完整版本: 来谈谈:XHTML标签在CSS中对应的属性及用法