html语言head里面的link示例,Html之head部分详解(示例代码)
随便打开一个网页,右击查看网页源代码,总能看到
…封闭标签,在里面通常会包含5类标签:title、link、script、meta、style。这5类标签看着都挺熟悉的哈,那么在web前端技术中具体要怎么使用,规则是什么,在我学习的时侯,我做了笔记整理,希望有帮助。
1. title 标签
title是一个封闭标签,在head中是成对出现。也就是
…。在打开一个网页时,网页上方的文字就是title部分。
Title是对整个页面的核心思想的总结,也是seo非常重要的设置部分。Title部分尽量要多次出现关键词:核心关键词和长尾关键词。具体怎么写title部分,根据需求而定。这个没有标准。
2. link 标签
Link标签放置在
…中,作用是链接外部css文件和收藏夹图标。最常用的用法是链接外部样式表,也就是css文件。link写法是“”
例如:
引入外部css样式:
设置网站小图标(收藏图标):
Rel:定义的是该文档与被链接文档之间是什么关系“这里是外部css样式表,即stylesheet。”
type:规定外部链接文档是什么打开类型,link中的css 这样写法“type=”text/css”。”link中的网站小图标写法“ type=”image/x-icon” 。”
href:是外部css地址。
3. script标签
用在头部head标签内,作用是调用外部js文件。该标签是一个封闭标签,写法和div标签一样。另外,该标签不仅仅可以在头部head标签内使用,在body标签内部任何位置都可以使用。最终实现的效果都是一样的,通常是用在head标签内。
例如:
Src中是调用js文件地址。Type规定调用js文件的打开方式。
4. meta标签
Meta标签的作用通常是用作网页关键词、网页描述、作者、网页编码、robots、自动跳转等说明性标签。这样写法随处可见,任何一个网页中都有meta标签的使用。
4.1 网页显示字符集网页编码
中文:
繁体中文:
英 语:
4.2 网页制作者信息
4.3网页关键字
4.4 网页描述
4.5 防止别人在框架里调用你的页面
4.6 自动跳转(此标签用法可以让网页在多少秒后自动从当前页面跳转到另外一个网页页面或网站)(有用!)
Content后跟值为当前页面在多少时间跳转
Url值为跳转到具体网页网站
4.7. 网页告诉搜索机器人向导对此网页操作(用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引)
content的参数有all,none,index,noindex,follow,nofollow。默认是all。如果在一个页面不加入此标签默认情况下content="all"意思是搜索并收录抓取爬行此网页及此网页指向页面。
None:搜索引擎将忽略此网页,等价于noindex,nofollow。
Noindex:搜索引擎不索引此网页。
Nofollow:搜索引擎不继续通过此网页的链接索引搜索其它的网页。
All:搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
Index:搜索引擎索引此网页。
Follow:搜索引擎继续通过此网页的链接索引搜索其它的网页。
5. style标签
常见Style标签作为放置CSS样式与放置javascript(js)代码标签。
首先是一对有开始与结束的闭合标签。
5.1 放置CSS样式
中间用于放CSS样式代码。
在HTML中CSS代码只有放置在其
5.2 放置JS代码
在HTML中JS代码一般放入
html语言head里面的link示例,Html之head部分详解(示例代码)相关推荐
- Java 泛型(generics)详解及代码示例、Java 类型通配符详解及代码示例
Java 泛型(generics)详解及代码示例.Java 类型通配符详解及代码示例 - 概念 Java 泛型(generics)是 JDK 5 中引入的一个新特性, 泛型提供了编译时类型安全检测机制 ...
- c语言库里的排序函数,C语言标准库函数qsort详解
1 函数简介 功 能: 使用快速排序例程进行排序 头文件:stdlib.h 用 法: void qsort(void *base,int nelem,int width,int (*fcmp)(con ...
- 组合模式详解附有代码案例分析(包含透明组合模式、安全组合模式的代码示例)
组合模式 一.组合模式的概念和角色 (一).组合模式的概念 (二).组合模式的角色 二.组合模式的应用场景 三.透明组合模式的代码示例 四.安全组合模式的代码示例 五.组合模式的优缺点 (一).优点 ...
- 模板方法模式详解附有代码案例分析(包含模板方法模式重构JDBC操作业务代码示例)
模板方法模式 一.模板方法模式的概念和角色 (一).模板方法模式的概念 (二).模板方法模式的角色 二.模板方法模式的应用场景 三. 模板方法模式的代码示例 四.模板方法模式重构JDBC操作业务 五. ...
- 指定单元格里面的,内容发生变化,触发事件,调用VBA代码。
指定单元格里面的,内容发生变化,触发事件,调用VBA代码._sun0322-CSDN博客_单元格变化触发vba 目录 ■通过改变一个单元格的内容,出发一个事件,根据改变的内容,进行相应的处理. ■扩展 ...
- 三维空间刚体运动1:旋转矩阵与变换矩阵(详解加代码示例)
三维空间刚体运动1:旋转矩阵与变换矩阵(详解加代码示例) 1. 点.向量和坐标系 2.坐标系间的欧式变换 2.1 旋转 2.2 平移 3.齐次坐标和变换矩阵 4. 相似.仿射和射影变换 4.1 相似变 ...
- java集合框架的结构_集合框架(Collections Framework)详解及代码示例
简介 集合和数组的区别: 数组存储基础数据类型,且每一个数组都只能存储一种数据类型的数据,空间不可变. 集合存储对象,一个集合中可以存储多种类型的对象.空间可变. 严格地说,集合是存储对象的引用,每个 ...
- VMware里Ubuntu-14.04-desktop的VMware Tools安装图文详解
不多说,直接上干货! 总的来说,根据分为三个步骤. 步骤一: 点击 :虚拟机-–>安装VM tools 然后发现桌面会跳出如下问题: 客户机操作系统已将 CD-ROM 门锁定,并且可能正在使用 ...
- C语言解决约瑟夫问题详解的代码
C语言解决约瑟夫问题详解的代码 参考文章: (1)C语言解决约瑟夫问题详解的代码 (2)https://www.cnblogs.com/odsxe/p/10791049.html (3)https:/ ...
最新文章
- 使用Servlet完成单表的CRUD
- 使用Zabbix自带MySQL模板监控MySQL
- 面试官问,为什么建议MySQL列属性尽量用 NOT NULL ?
- 微服务之数据同步Porter 1
- TikZ绘图示例——尺规作图: 圆内接正五边形的近似画法
- html的table属性笔记
- HNOI2019退役记
- b+树 b-树的区别
- linux 下svn: E175002: 方法 REPORT 失败于 “/svn/GameSvn/!svn/me”: 不能读块分割符: 安全连接切断 (https://192.168.0.88)
- 嵌入式系统与物联网的关系
- [数字图像处理]模糊算法用于图像增强
- 数学笔记——导数1(导数的基本概念)
- 修改植物大战僵尸游戏存档(Java实现版)
- 【自然语言处理】BERT GPT
- 【100%通过率】华为OD机试真题 Java 实现【预订酒店】【2022.11 Q4 新题】
- 用NCBI的工具Batch Entrez批量下载序列
- web-HTML5-图片+超链接标签..
- CMD控制台(命令提示符)的打开方式
- linux中ll -lht,02-Linux命令(上)
- 40、查询选修“张三”老师所授课程的学生中成绩最高的学生姓名及其成绩(重要top)
热门文章
- python向钉钉发送本地文件_Python实现向钉钉群发送消息通知
- c语言选择夹答案,单片机串口通讯制作说明
- OWASP Mutillidae II:保持冷静并保持警惕——闯关小结
- C语言算小数加减,C语言带小数加减乘除.doc
- r语言解析html,R语言爬虫入门-rvest教程
- mysql mysql_row 整行数据_有关mysql中ROW_COUNT()的小例子
- Android开发之Android studio4.1查看app布局的方法 | 使用布局检查器和布局验证工具调试布局
- Android开发之关于transformDexArchiveWithExternalLibsDexMergerForDebug java.lang.OutOfMemoryError问题的参考解决方案
- ios开发 静音键设置_合肥包河区:连夜设置三道拦水坝只为按下中考“静音键”...
- word万维计算机教程,计算机课件word文档.doc