1.head
<head></head>
1.以前在div,css布局中常把网页内容分为头部,内容,底部。HTML5新增header为标签元素
2.meta是html语言head区的一个辅助性标签,可以搜索引擎优化,定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口。meta标签共两个属性:http-equiv和name属性。name属性主要用于描述网页,与之对应的属性值为content,content内容主要是便于搜索引擎机器人查找信息和分类信息使用。http-equiv属性相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以便正确精确显示网页内容,与之对应属性值为content,其中内容就是各个参数的变量值
3.charset=utf-8,告诉浏览器(解释器),按utf-8字符编码方式解析内容,UTF-8是UTF-8编码是一种目前广泛应用于网页的编码,它其实是一种Unicode编码,即致力于把全球所有语言纳入一个统一的编码。
3.link标签作用是连接外部的css文件和收藏夹图标。引入外部css样式:设置网站小图标:rel:定义的是该文档与外部css样式表即stylesheet,herf是外部css地址,type规定外部链接文档是什么打开类型。
4.script调用外部js文件
5.title
网页最上方例如这个新建标签页就是在title标签写的
6.lang="en"是表示此页面定义为英文网页。
7.rel是relationship英文缩写,stylesheet中style是样式意思,sheet是表格,rel="stylesheet"描述了当前页面与href所指定文档的关系,即说明的是,href连接的文档是一个新式表。
2.body
#header+#nav+#main+#footer
<body></body>
header
1.onload表示页面包含图片等文件在内的所有元素都加载完成
ready表示文档结构已经加载完成,不包含图片等非文字媒体文件
2.定时函数setInterval():setInterval(code,millisec[,"lang"])
周期性执行或调用code之间的时间间隔,以毫秒记。
3.<br>
标签可以插入一个简单的换行符。
4.<tbody>
表格主体<td>
标签定义HTML表格中的标准单元格,<tr>
标签定义HTML表格中的行。<span>
用来组合文档中的行内元素,<b></b>
加粗文本。.<i>
标签用于显示斜体文本效果。
5.<span></span>
用来组合文档中的行内元素,span没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化
6.层定位图片列表,固定定位广告
nav
1.<nav></nav>
navigation有导航的意思,nav标签是用来定义导航链接的部分,nav标签中的内容默认没有显示效果,只表示该区域是导航链接部分,nav标签只起语义的作用,没有实际的显示效果,nav的标签内容通常是一个列表。
2.鼠标悬停:hover. 超链接激活的状态:active.
main
1.margin的值对于上下的垂直方向的边距有一个合并效果。
footer
1.行高和高度相同的值,文字就会垂直居中对齐。
2.main内容有左右浮动,footer部分为了不移动上去,故设置clear:both;两个方向清除浮动。
3.css
1.id一般用来做布局,class一般做页面样式
2.span是一个行内元素,不能设置宽高。调整位置使图片显示
3.浮动的元素脱离文本流,清除浮动,线出现
4.宽度设置后,内容在宽度内浮动