h5的BFC和SEO概念

1.BFC

1.1 BFC是什么

BFC格式化上下文,是web页面中盒模型布局的css渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器

1.2 形成BFC的条件

• 浮动元素, float除none以外的值
• 定位元素,position(absolute,fixed)
• display为以下其中之一的值,inline-block,table-cell,table-caption,flex,inline-flex
• overflow除了visible的值(hidden,auto,scroll)

1.3 BFC的特点

• BFC内部的box在垂直方向上一个接一个的放置
• BFC解决相邻元素垂直外边距合并以及嵌套元素外边距合并
• BFC的区域不会与float的元素区域重叠
• BFC可以防止文字环绕
• BFC可以清除浮动

 2.SEO

设置SEO是为了搜索引擎能够快速找到该网页

属性值:网站的标题 title

            网站的关键字  keyword

            网站的描述   description

用法:

<meta name="keyword" content="网站的关键字">

<meta name="description" content="网站的描述">