html行级元素与块级元素以及meta标签的使用

块级元素的特性：

永远都会占满父级元素的宽度（块级元素的宽度永远都等于它父级元素的宽度）

 

行级元素的特性：

所占的空间刚好等于内容的大小

 

常见的块级元素：

h1~h6、p、ul、div、li、form

 

常见的行级元素：

a、span、u、i、s、em、b、img（特殊的行级元素，可以修改尺寸）

 

meta标签

这也是一个key-value键值对形式的标签

<meta http-equiv="content-type" content="text/html" charset="gbk">

会告诉服务器，浏览器这边期待接受的数据类型是一个html格式的文本，并且编码方式是gbk，服务器就会返回一个以gbk编码的文档给浏览器，浏览器会以gbk的方式进行解码。

 

<meta http-equiv="expires" content="时间点">

expires：过期

设置对网页的缓存时间

 

<meta http-equiv="refresh" content="2,url=http://www.baidu.com">  //2s后网页自动刷新，并跳转到百度。

2：延迟2s，2s之后对网页进行刷新

url：刷新之后跳转的链接

设置网页自动刷新

 

<meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1">

Compatible：适配

为了解决一些IE的兼容性问题

IE=edge  告诉IE浏览器使用哪个版本的引擎对我们的网页进行渲染

edge：当前计算机安装的IE最新版本的引擎

chrome=1  如果用户计算机上还安装了谷歌浏览器，那么会调用谷歌浏览器的引擎渲染我们的网页。

 

<meta name="viewport" content="width=device-width,initial-scale=1">

viewport：移动端开发必须要加的代码

作用：将PC端的页面可以正确渲染在移动端

width = device-width设置视口宽度等于设备宽度

 

<meta name="author" content="Crazier_Z">

网页作者

 

<meta name="description" content="地表最强网页">

网页描述

 

<meta name="keywords" content="java,web前端">

seo