html系列教程--link mark meta
<link> 标签:定义文档与外部资源的关系,常见的用途是链接样式表
demo:
<link rel="stylesheet" type="text/css" href="../theme/default/home.css"/>
link属性:
1.href:被链接文档的位置
2.media:被链接文档将被显示在什么设备上
3.rel:规定当前文档与被链接文档之间的关系
alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag
4.type:被链接文档的 MIME 类型
<Link href="soim.ico" rel="Shortcut Icon">很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能
<mark> 标签:突出显示文本
<p>不要忘了买 <mark>牛奶</mark>.</p>
<meta> 标签:元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词等
meta属性:
1.http-equiv:
content-type
expires
refresh
set-cookie
2.name:
author
description
keywords
generator
revised
others
3.scheme:定义用于翻译 content 属性值的格式
demo:
<meta name=”keywords” content=”软件开发,java”>keywords告诉搜索引擎,把content属性中填入的内容作为网页的关键字添加到搜索引擎中,content属性中的多个关键字可以使用逗号分隔
<meta name=”description” content=”软件开发,java”>搜索引擎使用content属性中的设置信息未做对网站的描述
<meta name=”author” content=”david”>作者描述
<meta name=”copyright” content=”@2015”>版权描述
<meta name=”generator” content=”hbuilder”>开发工具描述
<meta http-equiv=”content-type” content=”text/html;charset=gb2312”>
<meta http-equiv=”Refresh” content=”1;url=http://www.163.com”>刷新描述
<meta http-equiv=”Expires” content=”Mon,12 May 2001 00:02:00
GMT”>Expires用于设定网页的到期时间,超过了content属性中指定的日期浏览器必须到服务器上重新下载该网页。注意content
属性中的设置值必须使用GMT时间格式
<meta http-equiv=”Cache-Control” content=”no-cache”>不缓存数据
<Meta http-equiv=Set-Cookie Content=cookievalue=xxx;
expires=Wednesday,21-Oct-98 16:14:21 GMT;
path=/>如果网页过期,那么存盘的cookie将被删除。
html系列教程--link mark meta的更多相关文章
- 模型的元数据Meta -- Django从入门到精通系列教程
该系列教程系个人原创,并完整发布在个人官网刘江的博客和教程 所有转载本文者,需在顶部显著位置注明原作者及www.liujiangblog.com官网地址. Python及Django学习QQ群:453 ...
- Laravel大型项目系列教程(一)
Laravel大型项目系列教程(一) 一.课程概述 1.课程介绍 本教程将使用Laravel完成一个多用户的博客系统,大概会包含如下内容: 路由管理. 用户管理,如用户注册.修改信息.锁定用户等. 文 ...
- 【ASP.NET Identity系列教程(一)】ASP.NET Identity入门
注:本文是[ASP.NET Identity系列教程]的第一篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...
- webpack4 系列教程(十一):字体文件处理
教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步<webpack4 系列教程(十一):字体文件处理>原文地址.或者来我的小站看更多内容:godbmw.com 0. 课程介 ...
- webpack4 系列教程(九): CSS Tree Shaking
教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步原文地址 有空就来看看个人技术小站, 我一直都在 0. 课程介绍和资料 本次课程的代码目录(如下图所示): >>> ...
- webpack4 系列教程(七): SCSS提取和懒加载
教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步>>> (原文)webpack4 系列教程(七): SCSS 提取和懒加载. 个人技术小站: https://god ...
- HTML5游戏开发系列教程7(译)
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-7/ 今天我们将完成我们第一个完整的游戏--打砖块.这次教程中,将 ...
- HTML5游戏开发系列教程6(译)
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-6/ 这是我们最新一篇HTML5游戏开发系列文章.我们将继续使用c ...
- HTML5游戏开发系列教程5(译)
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-5/ 最终我决定准备下一篇游戏开发系列的文章,我们将继续使用can ...
随机推荐
- [置顶] 获取系统时间的方法--linux
一. localtime 函数获取(年/月/日/时/分/秒)数值. 1.感性认识 #include<time.h> //C语言的头文件 #include<stdio.h> ...
- 【UNIX网络编程(二)】基本TCP套接字编程函数
基于TCP客户/server程序的套接字函数图例如以下: 运行网络I/O.一个进程必须做的第一件事就是调用socket函数.指定期望的通信协议类型. #include <sys/socket.h ...
- java logger级别
typedef enum android_LogPriority { ANDROID_LOG_UNKNOWN = 0, ANDROID_LOG_DEFAULT, /* only for SetM ...
- iOS 动态加入button
按现有的button之后自己主动创造一个新的button,并为新button加入事件,因此,当您单击弹出提示框. 于viewcontroller.h添加 @property (weak, nonato ...
- 异步消息处理机制——Handler用法
Handler 1. Message Messsge是线程之间传递的消息,它可以在内部携带少量的信息,用于在不同线程之间交换数据,Message的what字段,除此之外还可以使用arg1和arg2字段 ...
- 添加“返回顶部”小图标按钮的JS(JavaScript)代码详解
如何给自己的网站添加方便快捷的"返回顶部"小图标按钮呢?如下图: JS源代码: /** * JavaScript脚本实现回到页面顶部示例 * @param acceleration ...
- asp.net实现UNIX 时间戳
//1 将系统时间转换成UNIX时间戳 DateTime dtStart = TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(1970,1,1 ...
- 图的广度优先/层次 遍历(BFS) c++ 队列实现
在之前的博文中,介绍了图的深度优先遍历,并分别进行了递归和非递归实现.BFS 无法递归实现,最广泛的实现是利用队列(queue).这与DFS的栈实现是极其相似的,甚至代码几乎都很少需要改动.从给定的起 ...
- BZOJ 4008: [HNOI2015]亚瑟王( dp )
dp(i, j)表示考虑了前i张牌, 然后还有j轮的概率. 考虑第i+1张牌: 发动的概率 : p = dp(i, j) * (1 - (1-p[i+1])^j) 没发动的概率 : dp(i, j) ...
- JDK安装与环境变量配置(Win7)
1.下载JDK(Java SE Development Kit) 地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-dow ...