一、meta 标签

  • name属性主要用于描述网页,对应于content(网页内容)

   1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;   

  2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;   

  3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;   

  4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;   

  5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow"> 其中的属性说明如下:   

  ①设定为all:文件将被检索,且页面上的链接可以被查询;   

      ②设定为none:文件将不被检索,且页面上的链接不可以被查询;   

      ③设定为index:文件将被检索;   

      ④设定为follow:页面上的链接可以被查询;   

      ⑤设定为noindex:文件将不被检索,但页面上的链接可以被查询;   

      ⑥设定为nofollow:文件将不被检索,页面上的链接可以被查询。

    <!--关键字,主要用于SEO-->
<meta name="keywords" content="关键词,关键词,关键词,关键词,关键词,关键词,关键词,关键词,">
<!--网页描述,主要用于搜索结果页面对网页的一个描述-->
<meta name="description" content="我是关于网页的简单介绍和描述">
<!--网页重定向,用于网页的跳转-->
<meta http-equiv="refresh" content="5000;http://www.baidu.com">
  • http-equiv属性:网页重定向

<meta http-equiv="Content-Type"   contect="text/html";     charset=gb_2312">
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
  • 字符集(charset)属性:utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312 gb2312 简单中文 GBK包含全部中文字符 繁体 BIG5 繁体中文

 <meta charset="UTF-8">

二、link标签

1、引用外部css

2、引用title图片 (icon) 例如: <link rel="icon" href="1.icon">

    <!-- 链接外部样式文件-->
<link rel="stylesheet" href="1.css">
<!--链接iocn图标-->
<link rel="icon" href="favicon.ico">

HTML Meta标签和link标签的更多相关文章

  1. html——meta标签、link标签

    <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容.&l ...

  2. (转)Ratchet教程:meta与link标签

    原文:http://www.w3cplus.com/mobile/meta-and-link-tags-for-ratchet.html Ratchet教程:meta与link标签           ...

  3. link 标签

    link标签 主要是引用外部文件 rel属性 规定当前文档与被链接文档之间的关系 alternate,author,help,icon,licence,next,pingback,prefetch,p ...

  4. 使用link标签进行预加载

    概述 html中的link标签一般用来引入css文件.但是也可以通过rel属性来进行预加载.本文记录下相关方法,供以后开发时参考,相信对其他人也有用. 参考资料: mdn 通过rel="pr ...

  5. link标签和css引入方式

    link常见用途 <link> 标签最常见的用途是链接样式表,在 HTML 中,<link> 标签没有结束标签,此元素只能存在于 head 部分,不过它可出现任何次数. < ...

  6. 前端 HTML 常用标签 head标签相关内容 link标签

    link标签 引入CSS样式文件 href="./index.css" CSS文件的路径 <!-- 引入CSS样式文件 --> <link rel="s ...

  7. 移动端——link标签

    meta标签中提到了部分功能要结合link标签进行使用,link标签主要是存放CSS文件的地方,同时还有一些专属的移动端设置. <meta http-equiv="Content-Ty ...

  8. (学习笔记)HTML的<link>标签

    在HTML中<link>标签用于定义文档与外部资源的关系. <link>标签只存在于head部分. <head> <link rel="styles ...

  9. 使用<link> 标签定义浏览器标题栏小图标

    使用link标签的rel属性,设置成icon.同时设置href属性值为小图标图片的url. <link rel=" icon " href="image/icon. ...

随机推荐

  1. nacos初探--作为配置中心

    什么是nacos Nacos 支持基于 DNS 和基于 RPC 的服务发现(可以作为springcloud的注册中心).动态配置服务(可以做配置中心).动态 DNS 服务. 官方介绍是这样的: Nac ...

  2. netcore访问本地磁盘

    public void ConfigureServices(IServiceCollection services) { services.AddDirectoryBrowser(); }public ...

  3. Mycat使用--分库分表和读写分离

    Mycat分库分表读写分离 1. 模拟多数据库节点 2. 配置文件 具体操作参看: https://blog.csdn.net/vbirdbest/article/details/83448757 写 ...

  4. 【转载】C#中List集合使用GetRange方法获取指定索引范围内的所有值

    在C#的List集合中有时候需要获取指定索引位置范围的元素对象来组成一个新的List集合,此时就可使用到List集合的扩展方法GetRange方法,GetRange方法专门用于获取List集合指定范围 ...

  5. 【转】StackTraceElement获取方法调用栈的信息

    本文链接:https://blog.csdn.net/hp910315/article/details/52702199 一.什么是StackTrace StackTrace(堆栈轨迹)存放的就是方法 ...

  6. 如何自行给指定的SAP OData服务添加自定义日志记录功能

    有的时候,SAP标准的OData实现或者相关的工具没有提供我们想记录的日志功能,此时可以利用SAP系统强大的扩展特性,进行自定义日志功能的二次开发. 以SAP CRM Fiori应用"My ...

  7. Linux内核:关于中断你需要知道的

    1.中断处理程序与其他内核函数真正的区别在于,中断处理程序是被内核调用来相应中断的,而它们运行于中断上下文(原子上下文)中,在该上下文中执行的代码不可阻塞.中断就是由硬件打断操作系统. 2.异常与中断 ...

  8. appium自动化webview时遇到的chromedriver问题

    安卓app里面的网页,基本上都是使用手机系统上的webview 去显示的. 安卓 webview 可以看成是 手机上的 chrome 浏览器精简版. appium desktop 里面内置了 用于 w ...

  9. 关于python模块总结

    名词解释 模块(module):在python中,一个.py文件就是一个模块 包(package):为了避免模块名冲突,Python又引入了按目录来组织模块的方法.当目录下存在__init__.py, ...

  10. jquery对象转成dom对象

     jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能.我们使用jQuery的同时也能混合Java ...