html学习系列教程2-head标签

最新推荐文章于 2022-11-18 18:23:56 发布
最新推荐文章于 2022-11-18 18:23:56 发布
阅读量172 收藏
点赞数
分类专栏： python爬虫
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41500849/article/details/80590956
版权

HTML <head>标签

<head>元素是所有头部元素的容器。<head>内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到head部分：<title> ,<base>,<link>,<meta>,<script>以及<style>。

HTML <titile>元素

<title> 标签定义文档的标题。

title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

  • 定义浏览器工具栏中的标题
  • 提供页面被添加到收藏夹时显示的标题
  • 显示在搜索引擎结果中的页面标题

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

HTML <style> 元素

<style> 标签用于为 HTML 文档定义样式信息。

您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> 元素

元数据（metadata）是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta> 标签始终位于 head 元素中。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

总结

标签描述
<head>定义关于文档的信息
<title>定义文档标题
<base>定义页面上行所有链接的默认地址或者默认目标
<link>定义文档与外部资源之间的关系
<meta>定义关于HTML文档的元数据
<script>定义客户端脚本
<style>定义文档的样式信息

实例

实例选用了12306网站查询页面的头文件信息

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="/otn/resources/css/validation.css" rel="stylesheet" />

<link href="/otn/resources/merged/common_css.css?cssVersion=1.9047" rel="stylesheet" />

<link rel="icon" href="/otn/resources/images/ots/favicon.ico" type="image/x-icon" />

<link rel="shortcut icon" href="/otn/resources/images/ots/favicon.ico" type="image/x-icon" />

<script>
/*<![CDATA[*/
 var ctx='/otn/';
 var globalRepeatSubmitToken = null;
 var global_lang = 'zh_CN';
 var sessionInit = '';
 var isShowNotice = null;
 var CLeftTicketUrl = 'leftTicket/query';
 var isTestFlow = null;
 var isMobileCheck = 'N';
 var passport_appId = 'otn';
 var passport_login = 'https://kyfw.12306.cn/passport/web/login';
 var passport_captcha = 'https://kyfw.12306.cn/passport/captcha/captcha-image';
 var passport_authuam = 'https://kyfw.12306.cn/passport/web/auth/uamtk';
 var passport_captcha_check = 'https://kyfw.12306.cn/passport/captcha/captcha-check';
 var passport_authclient = 'uamauthclient';
 var passport_loginPage = 'login/init';
 var passport_okPage = 'index/initMy12306';
 var passport_proxy_captcha =  'login/init';
 /*]]>*/
</script>

<script src="/otn/resources/merged/common_js.js?scriptVersion=1.9089" type="text/javascript"></script>

<!-- js i18n -->
<!-- jquery validation i18n -->
<!-- head and footer -->

<script src="/otn/HttpZF/GetJS" type="text/javascript"></script>

<title>车票预订 | 客运服务 | 铁路客户服务中心</title>

<!-- 双日历 -->
<link href="/otn/resources/js/rich/calender_double/datepicker/skin/WdatePicker.css" rel="stylesheet" />

<script type="text/javascript" src="/otn/resources/js/rich/calender_double/datepicker/WdatePicker.js" xml:space="preserve"></script>

<script src="/otn/resources/js/framework/data.jcokies.js" type="text/javascript" xml:space="preserve"></script>

<script src="/otn/resources/merged/queryLeftTicket_js.js?scriptVersion=1.9089" type="text/javascript" xml:space="preserve"></script>

<link href="/otn/resources/merged/queryLeftTicket_css.css?cssVersion=1.9047" rel="stylesheet" />

<script src="/otn/resources/js/framework/jquery.bgiframe.mi.js" type="text/javascript" xml:space="preserve"></script>

<script src="/otn/dynamicJs/qntzdpe" type="text/javascript" xml:space="preserve"></script>
</head>

可以看到，上面的头文件包含了<meta>,<link>和<script>三种标签。

知道不_zkl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-head：管理head标签的元信息，一种简单的方法
02-06
头操作head标签的元信息，一种简单的方法由激励有关旧版本的语法，用法通过CDN ...< script src =" https://cdnjs.cloudflare.com/ajax/libs/vue/*version*/vue.min.js " > </ script >< script src ...
html系列教程--header head iframe img
Cherry6376的博客
12-22 646
<head> 标签 用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息 head的描述信息包括<base>, <link>, <meta>, <script>, <style>, 以及 <title>。 <tit...
HTML--学习网教程
wq的博客
11-19 813
1.前端学习路线：HTML→CSS→JavaScript→jQuery→HTML5→CSS3→ES6→Vue.js→webpack→Node.js 一、基本标签 1.HTML结构： （1）文档声明：<!DOCTYPE html> （2）html标签对：<html></html> （3）head标签对：<head></head> 用于定义页面标题、定时刷新、外部文件等。 （4）body标签对：<body></body..
HTML 教程：基础标签
村雨遥
04-26 1856
什么是 HTML HTML（Hypertext Markup Language），中文名超文本标记语言，是一种用于结构化 Web 网页及其内容的标记语言。 严格意义上讲，HTML 并不是一门编程语言，而是一种用于定义内容结构的标记语言。它由一系列的元素所构成，通过标签与内容组合得到我们所需效果，使其以某种形式呈现。 HTML 中的基础标签 既然说了 HTML 是由一系列的元素组成，那我们就来看看元素相关的内容。 元素又是由一对标签加上内容所共同构成，以下是一个简单的文本标签示例。 该元素中，主要组成部分如
【HTML 教程系列第 3 篇】HTML中的 head 标签都可以放哪些标签 ？
“Allen Su”的博客
10-18 6871
一：HTML中的 head 标签都可以放哪些标签 。 二：title 标签，meta标签，link标签，stye标签，script标签，base标签。
HTML+CSS系列教程
Akgadis的博客
10-18 1986
两种编程语言，一般需要配合使用，是网站开发的基础语言。浏览器把代码解析后的样子就是我们看到的网站。< dl>:定义列表< dt>:定义专业术语或名词< dd>:对名词进行解释和描述（列表项需要添加标题和对标题进行描述的内容）eva。
HTML 教程之常用html标签
人生就是一场修行
11-14 2190
前端三把利器： HTML：赤裸裸的人 20个标签 CSS：华丽的衣服 颜色 位置 …… JS：让这个人动起来 一、HTML本质及在web程序中的作用web访问中，浏览器充当一个socket客户端。 浏览器获取数据：一次请求、一次相应，连接断开。 写一个简单的web socket服务端：import socketdef handle_request(client): buf = cli
Struts1.X系列教程----HTML标签库
Java 敏捷设计の哲学
04-17 757
 TML标签库中的标签基本上都是和HTML Tag一一对应的。但我们经常使用的主要是标签及其子标签。因此，在本文将介绍一下及其常用子标签的用法。    一、HTML标签库中的常用标签    1. 标签    标签对应于HTML标签。用于向服务端提交用户输入信息。标签和HTML标签在使用方法上基本相同，但它们的一个重要的区别是标签的action属性值所指的Struts动作在strut
HTML学习笔记(3) - HTML标签
翼遥君的博客
06-01 1028
本系列的博客，源于韩顺平的HTML，CSS，JavaScript系列教程。需要相关教程的可以再博文下方告知博主，欢迎交流学习。 1. 无序列表 ul-li unordered list 标签里面有一个type的属性，该属性可以设置三个值：disc,circle,square。 <ul type="circle"> <li>传奇</li> <li>反恐</li> <li>QQ飞车</li
HTML+CSS系列教程笔记（3）
qq_73842669的博客
11-18 861
HTML+CSS系列教程笔记
JavaWeb核心技术系列教程(23)——JSP标签
谷哥的小弟
10-05 485
我们常在JSP页面中嵌套Java代码实现某种功能，但是过多的Java代码会使JSP页面繁杂凌乱，非常不利于程序的调试和维护。为了减少JSP页面中的Java代码，Sun公司允许在JSP页面中使用标签实现原由Java代码编写的功能。在本节教程中，我们将介绍JSP常用标签及其用途。
elasticsearch-head插件及教程地址.rar
07-29
elasticsearch-head插件及教程地址.rar
es-head谷歌插件.zip
08-23
es-head chrome扩展程序，用户客户端方式操作es(elasticsearch)
Head Fisrt - HTML.zip_head_html_unhappyel2
09-24
Head Fisrt - HTML, Source Program
离线安装es-head.
02-23
是es-head的chrome插件离线安装，需使用chrome浏览器。操作简单，只需在chrome浏览器上进行插件安装，不需要其他操作。
html学习系列教程5-<li>标签、<ol>标签和<ul>标签
知道不_zkl的博客
06-09 1821
html有两个列表实例：一个是有序列表（&amp;lt;ol&amp;gt;）和一个无序列表（&amp;lt;ul&amp;gt;） # 有序列表 &amp;lt;ol&amp;gt; &amp;lt;li&amp;gt;Coffee&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;Tea&amp;lt;/li&amp;gt; &amp;lt;li&
html学习系列教程7-td标签、tr标签
知道不_zkl的博客
06-10 1159
简介 td标签定义HTML表格中的标准单元格 html表格有两种单元格类型： 表头单元格-包含头部信息（由th元素创建） 标准单元格-包含数据（有td元素创建） th元素中的文本通常呈现为粗体并且居中 td元素的根本通常是普通的左对齐文本 tr标签定义HTML表格的行，一个tr元素包含一个或多个th和td元素。 属性 字段 含义 rowspan ...
html学习系列教程6-span标签
知道不_zkl的博客
06-10 754
简介  &lt;span&gt;用于对文档中的行内元素进行组合  &lt;span&gt;标签没有固定的格式表现，当对它应用样式时，它才会产生视觉上的变化。如果不对&lt;span&gt;应用样式，那么span元素中的文本与其他文本不会有任何视觉上的差异。  &lt;span&gt;标签提供了一种将文本的一部分或者文档的一部分独立出来的方式 实例 &lt;span class="...
wireshark过滤规则
知道不_zkl的博客
06-06 280
​  转载自https://blog.csdn.net/a2657222/article/details/7820036  首先说几个最常用的关键字，“eq” 和 “==”等同，可以使用 “and” 表示并且，“or”表示或者。“!” 和 “not” 都表示取反。 一，针对地址的过滤 　　（1）对源地址为192.168.0.1的包的过滤，即抓取源地址满足要求的包。 　　 ...
Multi-Head Self-Attention与Multi-Head Attention
最新发布
05-14
Multi-Head Self-Attention和Multi-Head Attention都是Transformer模型中的核心模块。 Multi-Head Self-Attention是指在一个句子中每个单词使用自注意力机制（Self-Attention）来计算其上下文表示。这个过程会将每...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值