首页 > 其他分享 >1.文档头部

1.文档头部

时间:2022-08-23 19:34:54浏览次数:57  
标签:1.0 样式 http 文档 头部 内联 页面

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

相关文章

  • 自定义频率-权限 频率执行源码分析-全局异常处理-自动生成接口文档-RBAC
    自定义频率类 #自定义的逻辑1)取出访问者ip{192.168.1.12:[访问时间3,访问时间2,访问时间1],192.168.1.12:[],192.168.1.14:[]}2)判断当前ip不在访问字典里,......
  • Java: 为Word文档添加水印
    Java:为Word文档添加水印添加水印是文档操作中一个非常实用的功能,通过给文档添加指定文字或图片水印既可以标识文档的状态,也可以维护文档版权,丰富其外观。在这篇文章中,我......
  • prettier官方文档解读
    prettier的官网https://prettier.io/docs/en/index.htmlPrettier支持以下编程语言的代码美化JavaScript(includingexperimentalfeatures)JSXAngularVueFlowTyp......
  • 【教程】微信推文怎么添加附件文档 (如word文档、excel表格、pdf文件)
     对于很多企业单位、中小学校公众号来说,有时在对外发布信息时,需要在公众号文章中插入各种文档附件,如:应聘报名表、健康承诺书、记录统计表、防疫登记表、申报评分、公告通......
  • 节选 软件建模与文档:架构师怎样绘制系统架构蓝图?
    软件建模所谓软件建模,就是为要开发的软件建造模型。模型是对客观存在的抽象,例如著名的物理学公式E=mc2,就是质量能量转换的物理规律的数学模型。除了物理学公式以外,还有一......
  • 相关官网文档地址
    QueryDSLhttps://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl.htmlElasticsearchClientshttps://www.elastic.co/guide/en/elasticsearch/cl......
  • 10--DSL查询文档-查询分类和基本语法
    elasticsearch的查询依然是基于JSON风格的DSL来实现的。 DSL查询分类Elasticsearch提供了基于JSON的DSL(DomainSpecificLanguage)来定义查询。常见的查询类型包括:(1)......
  • 「安装」推荐一个接口文档管理工具 YApi
    在文章开始之前,还是简单摘录官方对YApi的介绍,给用过和没用的读者简单说明一下YApi是什么。YApi是高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提......
  • MySQL JSON函数文档搬运
    本文搬运了MySQL对JSON的支持相关的函数/*自MySQL5.7版本以后,加入了JSON字段类型支持,并提供一系列函数实测字段类型设置为varchar,只要字段值为合法json,MYSQLJSO......
  • SpringWebflux框架里导出excel文档
    本demo里使用springboot2.7.0版本。@GetMapping("/download/excel/file")publicMono<Void>downloadExcelFile(ServerHttpResponseresponse,WebSessionwebSessi......