HTML的head标签
前端开发工具介绍:
Hbuilder:可以快速的生成HTML标准文档结构,集成了很多方便的快捷键。
----------------------------------------------------------------------------------------------------------------------
HTML的head标签学习:
网页标题标签:
<title>HTML学习</title><!--网页标题标签:告诉浏览器使用什么标题显示网页-->
编码格式标签:
<meta charset="utf-8"><!--网页解析编码格式配置(HTML5):告诉浏览器使用指定的编码格式解析文档-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!--HTML4文档编码格式设置-->
网页搜索优化标签:
<meta name="keywords" content="HTNL,SXT,陆光豪,506" /><!--网页关键字-->
<meta name="description" content="本网页是关于HTML的head标签学习的,特别棒,6666"/><!--网页描述-->
<meta name="author" content="陆光豪"/><!--网页作者-->
网页指定跳转标签:
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" /><!--网页自动跳转-->
其他标签:
例如:CSS引入标签和js引入标签(后面讲解)
----------------------------------------------------------------------------------------------------------------------
示例源码:
<html>
<head>
<!--head标签中主要配置浏览器的配置信息-->
<title>HTML学习</title><!--网页标题标签:告诉浏览器使用什么标题显示网页-->
<!--meta charset="utf-8">--><!--网页解析编码格式配置(HTML5):告诉浏览器使用指定的编码格式解析文档-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!--HTML4文档编码格式设置-->
<!--
了解:
关键字
网页描述
作者
作用:提升网页在浏览器的搜索概率。
-->
<meta name="keywords" content="HTNL,SXT,陆光豪,506" /><!--网页关键字-->
<meta name="description" content="本网页是关于HTML的head标签学习的,特别棒,6666"/><!--网页描述-->
<meta name="author" content="陆光豪"/><!--网页作者-->
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" /><!--网页自动跳转-->
</head>
<body>
this is my first html
</body>
</html>
HTML的head标签的更多相关文章
- a标签点击跳转失效--IE6、7的奇葩bug
一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...
- IE6、7下html标签间存在空白符,导致渲染后占用多余空白位置的原因及解决方法
直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...
- 百度MIP页规范详解 —— canonical标签
百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...
- 【CSS进阶】伪元素的妙用--单标签之美
最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...
- TODO:Laravel 使用blade标签布局页面
TODO:Laravel 使用blade标签布局页面 本文主要介绍Laravel的标签使用,统一布局页面.主要用到到标签有@yield,@ stack,@extends,@section,@stop, ...
- 最新 去掉 Chrome 新标签页的8个缩略图
chrome的新标签页的8个缩略图实在让人不爽,网上找了一些去掉这个略缩图的方法,其中很多已经失效.不过其中一个插件虽然按照原来的方法已经不能用了,但是稍微变通一下仍然是可以用的(本方法于2017.1 ...
- css-父标签中的子标签默认位置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- xpath提取多个标签下的text
title: xpath提取多个标签下的text author: 青南 date: 2015-01-17 16:01:07 categories: [Python] tags: [xpath,Pyth ...
- 多个Img标签之间的间隙处理方法
1.多个标签写在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> ...
- html5标签canvas函数drawImage使用方法
html5中标签canvas,函数drawImage(): 使用drawImage()方法绘制图像.绘图环境提供了该方法的三个不同版本.参数传递三种形式: drawImage(image,x,y):在 ...
随机推荐
- css3的动画效果
全新的css3加入的动画效果: [ animation-name ]:检索或设置对象所应用的动画名称 [ animation-duration ]: 检索或设置对象动画的持续时间 [ animatio ...
- 迁移桌面程序到MS Store(5)——.NET Standard
接下来的几篇,我想讨论下迁移桌面程序到MS Store,可以采用的比较常见.通用性比较强的实施步骤和分层架构. 通常商业项目一般都是不断的迭代,不太可能突然停止更新现有的桌面版本,然后花很长时间从头来 ...
- Java中的Lock接口
Synchronized & Lock synchronized 是Java语言中的关键字,由monitorenter,monitorexit两个指令实现.JVM会将monitorenter指 ...
- 简单的异步函数async/await例子
function resolveAfter2Seconds(x){ return new Promise(resolve => { setTimeout(() => { resolve(x ...
- Go语言函数
目录 函数定义 函数返回多个值 函数参数 Go 语言函数值传递 Go语言函数引用传递 函数用法 函数作为值 匿名函数 闭包 方法 不定参数的函数 init函数 内建函数 函数调用机制 总结 函数定义 ...
- Linux - 快速进入目录的方法
cd命令技巧 直接进入用户的home目录: cd ~ 进入上一个目录: cd - 进入当前目录的上一层目录: cd .. 进入当前目录的上两层目录: cd ../.. 其他常用方法 利用tab键,自动 ...
- 记hangfire后台任务运行一段时间后不运行了。
什么是Hangfire Hangfire 是一个开源的.NET任务调度框架,目前1.6+版本已支持.NET Core.个人认为它最大特点在于内置提供集成化的控制台,方便后台查看及监控. https:/ ...
- 14-03 java BigInteger类,BigDecimal类,Date类,DateFormat类,Calendar类
BigInteger类 发 package cn.itcast_01; import java.math.BigInteger; /* * BigInteger:可以让超过Integer范围内的数据进 ...
- Ubantu 16.04升级内核版本和还原到升级之前的内核版本的方法
一.查看系统信息 1.查看发布版本: 命令: lsb_release -a 运行结果: / 2.查看内核版本: 命令: uname -sr 运行结果: 二.升级内核的方法 1.内核下载地址:http: ...
- ArrayList的实现原理
ArrayList的线性复杂度是1.想确定一个数据,直接通过索引进行访问.实际上这个过程和数组是非常相似的.ArrayList在整个使用过程中,如果想要高效操作,最好设置一个数组的大小.在个数固定的情 ...