学习HTML5总结

meta标签 主要设置一些元数据 注：元数据不是给用户看的
charset 指定网页的字符集
name 指定数据的名称
content 指定数据的内容

	  keywords 用于表示网站的关键字 可以同时指定多个 中间用逗号隔开
	  例如：<mate name = "keywords" content = "网上购物，购物，shopping，网上商城..........">
	  		 	 <mate name = "keywords" content = "网购，在线购物，网购网站，网上购物..........">
	  description 用于指定网站的描述
	  例如:  <mate name = "description" content = "京东JD.COM-专业的网上购物..........">

标题标签 h1到h6一共六级标签 重要性逐级递减
h1在网页张总的重要性仅次于title标签 一般一个网页中只有一个h1 一般网页用到h3就不会再往下递减了 h4到h6很少用
注：标题标签都是块元素（在网页中独占一行的都是块元素）
例如：

一级标题

二级标题

三级标题

四级标题

hgroup标签用来为标签分组可以将一组相关的标题同时放进去
例如：

春晓

李白

春眠不觉晓 处处闻啼鸟

P标签表示一个段落 P标签也是一个块元素

p标签的内容就是一个段落

em标签表示一个语音语调的加重

p标签的内容就是一个段落

布局标签(结构化语义标签)

header:表示网页的头部
main:表示网页的主体部分(一个页面中只会有一个main)
footer表示网页的底部
nav 表示网页中的导航
aside 和主体相关的其他内容(侧边栏)
article表示一个独立的文章
section表示一个独立的区块，上边的标签都不能表示时使用section
div没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素
span行内元素，没有任何的语义，一般用于在网页中选中文字

超链接可以让我们从一个页面跳转到其他页面，或者是当前页面的其他的位置使用a标签来定义超链接
属性:
href 指定跳转的目标路径值可以是一个外部网站的地址也可以写一个内部页面的地址
超链接是也是一个行内元素，在a标签中可以嵌套除它自身外的任何元素
target属性：用来指定超链接打开的位置
可选值：
_self 默认值 在当前页面中打开超链接
_blank在一个新的页面中打开超链接
如果将href属性设置为#,这样设置后点击超链接就会回到页面顶部
如果想回到指定位置 设置ID属性值 href然后#加上ID就可以
id属性：(唯一不重复)
每一个标签都可以设置一个ID
每个ID设置以后不能重复

图片标签用于向当前页面中引入一个外部图片
使用img标签来引入外部图片，img标签是一个自结束标签，img这种元素属于替换元素( 块和行内元素之间，具有两种元素的特点)
属性:
src屆性指定的是外部图片的路径( 路径规则和超链接是一样的)
alt图片的描述，这个描述默认情况下不会显示，有些浏览器会图片无法加载时显示搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎所|
width图片的宽度(单位是像素)
height图片的高度
宽度和高度中如果只修改了一个，则另一个 会等比例缩放
注意:
一般情况在pc端，不建议修改图片的大小，需要多大的图片就裁多大，但是在移动端，经常需要对图片进行缩放

图片的格式:
jpeg(jpg)
支持的颜色比较丰富，不支持透明效果。不支持动图
一般用来显示照片
gif
支持的颜色比较少，支持简单透明，支特动图
颜色单一的图片，动图
png
支持的颜色丰富，支持复杂透明，不支特动图
颜色丰富，复杂透明图片(专为网页而生)
webp
这种格式是谷歌新推出的专用来表示网页中的图片的一种格式
它具备其他图片格式的所有优点，而且文件还特别的小
缺点:兼容性不好
注：
效果一样，用小的
效果不一样，用效果好的

内联框架用于向当前页面中引入一个其他页面
src指定要引入的网页的路径
frameborder 指定内联框架的边相