仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 703|回复: 7
打印 上一主题 下一主题

[HTML5] 来讲讲:简单搅浑利用地位的XHTML标签

[复制链接]
分手快乐 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:29:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。  我们在poluoluo.com的文章中一向在夸大语义,那末关于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更新的文章,今后碰到甚么新的成绩,也会不休扩大最近。也接待会商。
</p>
历经多年来的停滞不前,如今全球信息网联盟(WorldWideWebConsortium,W3C)重拾HTML标准化。
老尸 该用户已被删除
沙发
发表于 2015-1-17 22:58:43 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
乐观 该用户已被删除
板凳
发表于 2015-1-31 05:20:47 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
冷月葬花魂 该用户已被删除
地板
发表于 2015-2-6 17:49:00 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
简单生活 该用户已被删除
5#
发表于 2015-2-17 22:35:23 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
海妖 该用户已被删除
6#
发表于 2015-3-5 23:46:38 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
蒙在股里 该用户已被删除
7#
发表于 2015-3-12 16:37:52 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
小妖女 该用户已被删除
8#
发表于 2015-3-20 01:00:58 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-15 22:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表