<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的更多相关文章

  1. 模型的元数据Meta -- Django从入门到精通系列教程

    该系列教程系个人原创,并完整发布在个人官网刘江的博客和教程 所有转载本文者,需在顶部显著位置注明原作者及www.liujiangblog.com官网地址. Python及Django学习QQ群:453 ...

  2. Laravel大型项目系列教程(一)

    Laravel大型项目系列教程(一) 一.课程概述 1.课程介绍 本教程将使用Laravel完成一个多用户的博客系统,大概会包含如下内容: 路由管理. 用户管理,如用户注册.修改信息.锁定用户等. 文 ...

  3. 【ASP.NET Identity系列教程(一)】ASP.NET Identity入门

    注:本文是[ASP.NET Identity系列教程]的第一篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...

  4. webpack4 系列教程(十一):字体文件处理

    教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步<webpack4 系列教程(十一):字体文件处理>原文地址.或者来我的小站看更多内容:godbmw.com 0. 课程介 ...

  5. webpack4 系列教程(九): CSS Tree Shaking

    教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步原文地址 有空就来看看个人技术小站, 我一直都在 0. 课程介绍和资料 本次课程的代码目录(如下图所示): >>> ...

  6. webpack4 系列教程(七): SCSS提取和懒加载

    教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步>>> (原文)webpack4 系列教程(七): SCSS 提取和懒加载. 个人技术小站: https://god ...

  7. HTML5游戏开发系列教程7(译)

    原文地址:http://www.script-tutorials.com/html5-game-development-lesson-7/ 今天我们将完成我们第一个完整的游戏--打砖块.这次教程中,将 ...

  8. HTML5游戏开发系列教程6(译)

    原文地址:http://www.script-tutorials.com/html5-game-development-lesson-6/ 这是我们最新一篇HTML5游戏开发系列文章.我们将继续使用c ...

  9. HTML5游戏开发系列教程5(译)

    原文地址:http://www.script-tutorials.com/html5-game-development-lesson-5/ 最终我决定准备下一篇游戏开发系列的文章,我们将继续使用can ...

随机推荐

  1. [置顶] 获取系统时间的方法--linux

    一. localtime 函数获取(年/月/日/时/分/秒)数值. 1.感性认识 #include<time.h>     //C语言的头文件 #include<stdio.h> ...

  2. Python sql数据的增删改查简单操作

    1.insert import mysql.connector import os import codecs #设置数据库用户名和密码 user='root';#用户名 pwd='root';#密码 ...

  3. 变形课(dfs)

    变形课 Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 131072/65536K (Java/Other) Total Submissi ...

  4. hdu 4712 Hamming Distance ( 随机算法混过了 )

    Hamming Distance Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 65535/65535 K (Java/Others) ...

  5. CSS3无前缀脚本prefixfree.js与Animatable使用

    现代浏览器基本支持CSS3,但是一些旧版本的浏览器还是需要添加前缀的.像box-shadow, border-radius这类属性,目前较新版本的浏览器都是不需要前缀的(包括IE9),但是,有些CSS ...

  6. 白话JAVA守护线程

    OneCoder(苦逼Coder)原创,转载请务必注明出处: http://www.coderli.com/archives/daemon-thread-plain-words/ 关于“白话”:偶然想 ...

  7. asp:UpdatePanel中js失效问题已解决

    1.js function textSAll(o) { o.select(); } var dddd_dd = function () { $(":text").on(" ...

  8. Android开发环境的搭建之(二)Android Studio的安装

    (1)  下载AS(android studio)1.3.2并安装android-studio-bundle-141.2178183-windows.exe.下载官方链接http://www.andr ...

  9. oracle查询表信息

    oracle查询表信息(索引,外键,列等) oracle中查询表的信息,包括表名,字段名,字段类型,主键,外键唯一性约束信息,索引信息查询SQL如下: 1.查询出所有的用户表 select * fro ...

  10. js自定义类和对象及继承

    1.工厂方式 <script type="text/javascript"> function createObject(name){ var p = new Obje ...