1.关键字
· 关键字和描述不是给人看,而是给搜索引擎用的 · 关键字和描述是网页优化的重要部分<head> <!-- 关键字设置 --> <meta name="keywords" content="要设置的关键字,可以使用多个,建议不超过5个,且多个关键字用英文状态的逗号分隔"> <!-- 关键字描述 --> <meta name="description" content="描述设置的内容,建议不超过100字"> </head>
2.页面定时刷新
· 页面自动刷新:< meta http-equiv="refresh" content="2"> · 页面自动跳转:< meta http-equiv="refresh" content="2;url=http://www.baidu.com"><head> <!-- 2s后页面自动刷新 --> <meta http-equiv="refresh" content="2"> <!-- 2s后跳转到指定页面 --> <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> </head>
3.移动端配置
· name='viewport' 屏幕设定
· maximum-scale=1.0,minimum-scale=1.0;initial-sacle=1.0 最大最小缩放比例为1(其实就是不允许点击缩放)
· user-scalable=0,width=devive-width 设定内容和设备的屏幕等宽、等高
<head> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,initial-sacle=1.0,user-scalable=0,width=devive-width"/> </head>
4.外部样式、内部样式、内联样式
· 优先级:外部样式 < 内部样式 < 内联样式
<head> <!-- 外部样式 --> <link rel="stylesheet" type="text/css" href="1.css" /> <!-- 内部样式 --> <style type="text/css"> body { background: red; } </style> </head> <body> <!-- 内联样式 --> <div style="background: red">内联样式</div> </body>
5.内联框架
作用:被用来在当前HTML文档中嵌入另一个文档
<div> <a href="http://www.isqqw.com/#/homepage" target="myFrame">echarts案例</a> <a href="http://www.jiniannet.com/Page/allcolor" target="myFrame" style="margin: 0 20px">在线图片取色器</a> <a href="https://www.bitbug.net/" target="myFrame">在线制作ico照片</a> </div> <iframe src="https://youzan.github.io/vant/#/zh-CN/icon" name="myFrame" frameborder="1" width="1200" height="300"></iframe>
标签:1.0,样式,http,文档,头部,内联,页面 From: https://www.cnblogs.com/chenJieLing/p/16617500.html