HTML5基础之三(meta标签和media属性)

meta标签:用来表示元数据信息,这些信息没法通过(<base>, <link>, <script>, <style>, <title>)标签设置。

一般有三种:<meta charset=”UTF-8″>  <meta name=”” content=””>  <meta http-equiv=”” content=””>

content:主要是关联前面name或http-equiv对应的内容

charset:声明网页使用的字符集

name:声明键的名称,例如author,description,keywords,creator,viewport

<meta name=”viewport” content=”width=device-width或px,height=device-height,initial-scale=0.0-10.0,maximum-scale=0.0-10.0,minimum-scale=0.0-10.0,user-scalable=yes/no”>

 

http-equiv:设置一些服务器和客户端的行为,等效设置的HTTP头。有些值已经废弃(Content-Type,Content-language等),因为已经有了相应的头了。例如<meta http-equiv=”refresh” content=”2;url=https://zhangxuefei.site” />表示2秒后跳转到url,如果没有url则表示刷新当前页面。

 

media属性:设置展示的媒体,这些元素(<a>, <area>, <link>, <source>, <style>)具有该属性。常见的值(screen,print,tv,all等)

media最常用的就是在样式上面,media里面属性非常多,一些常用的方式如:

可以用来判断的属性如下:

作者:张雪飞
出处:https://zhangxuefei.site/p/1192
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注