岑辉宇SEO博客:分享搜索引擎优化的心得和经验,充当新手SEO道路上的照明灯,让SEO不再没方向,欢迎加入SEO交流群:241865235,微信公众号:qq945748441(每天前两名关注公众号的朋友,免费分析网站)

币比特应用

生活随笔 贵阳SEO 25℃ 0评论

DIV元素(DIVision)_SEO名词解释

DIV元素是用在HTML文档中,为大块的内容提供结构和背景的元素,全称DIVision,即为划分。有时可以称其为图层。 DIV的起始标签和结束标签之间,所有内容都是用来构成这个块的,其中所包含元素的特征,由DIV标签的属性来控制,或者通过使用样式表来进行控制。

例如使用外部CSS样式表。如下DIV代码调用外部样式表:
<div class=”news”>
<h2>….</h2>
<p>….</p>
….
</div>

一、DIV标准属性:

文字属性

color : #999999 文字颜色
font-family :宋体文字字型
font-size: 10px 文字大小
font-style:italic 文字斜体
font-variant:small-caps 小字体
letter-spacing: 1px 文字间距
line-height: 200% 设定行高
font-weight:bold 文字粗体
vertical-align:sub 下标字
vertical-align:super 上标字
text-decoration:line-through 加删除线
text-decoration:overline 加顶线
text-decoration:underline 加底线
text-decoration:none 除连接底线
text-transform: capitalize 首字大写
text-transform : uppercase 英文大写
text-transform : lowercase 英文小写
text-align:right 文字*右对齐
text-align:left 文字*左对齐
text-align:center 文字置中对齐
这些是一些简单的文字效果,可以应用到css的页面中。

背景

background-color:black 背景颜色
background-image : url(image/bg.gif) 背景图片
background-attachment : fixed 固定背景
background-repeat : repeat 重复排列-网页预设
background-repeat : no-repeat 不重复排列
background-repeat : repeat-x 在x轴重复排列
background-repeat : repeat-y 在y轴重复排列
background-position : 90% 90% 背景图片x与y轴的位置

链接

A 所有超连接
A:link 超连接文字格式
A:visited 浏览过的连接文字格式
A:active 按下连接的格式
A:hover 鼠标移至连接

边框

border-top : 1px solid black 上框
border-bottom : 1px solid #6699cc 下框
border-left : 1px solid #6699cc 左框
border-right : 1px solid #6699cc 右框
border: 1px solid #6699cc 四边框

虚线

<textarea style=”border:1px dashed pink”>

实线

<textarea style=”border:1px solid pink”>

事件属性

onclick(单击), ondblclick(双击)
onmousedown(鼠标按下), onmouseup(鼠标抬起), onmousemove(鼠标移动)
onmouseover(鼠标在div内部), onmouseout(鼠标移出div),
onkeypress(键盘按下), onkeydown(键盘按键), onkeyup(按键抬起)

全局属性

accesskey、hidden、data-*、dropzone、id、spellcheck、tabindex、draggable、contextmenu、class、style、contenteditable

可选的属性

属性:align
值:left right center justify
描述:不赞成使用。请使用样式取而代之。规定 div 元素中的内容的对齐方式。
DTD:TF

二、布局DIV的优势:

1、精简代码,减少重构难度

使用DIV+CSS布局网页代码精简,css文件可以在网站的任意一个页面进行调用。

2、加快网页访问速度

使用了DIV+CSS布局的网页与Table布局比较,精简了许多页面代码,网页打开速度快,提升网站用户体验。

3、有利于SEO网站优化

采用DIV+CSS布局的网站对于搜索引擎很是友好,因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题,而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

4、浏览器兼容性好

使用table布局网页,在使用不同浏览器情况下会发生错位,而div+css则不会,无论什么浏览器,网页都不会出现变形情况。

总结:搜索引擎蜘蛛不喜欢页面中包含太多的代码,太多的代码会影响蜘蛛的爬行和抓取,使用外部调用的方式调用CSS是非常不错的方法。

转载请注明:岑辉宇SEO博客 » 币比特应用

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情