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="author" content="Crazier_Z">

网页作者

 

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

网页描述

 

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

seo

上一篇:接口响应时间从2s优化到 200ms以内第一季第六集


下一篇:mysqltest语法整理