HTML学习——01head头部相关属性及标签

最新推荐文章于 2022-06-24 14:41:08 发布
最新推荐文章于 2022-06-24 14:41:08 发布
阅读量568 收藏 2
点赞数 1
分类专栏： html基础学习 文章标签： html 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45816803/article/details/123359724
版权 
<head>
	...在head头部中有很多可以定义的内容，
	例如title、style、meta、link、script、noscript、base等信息
	供我们定义我们的页面内容
</head>

== title ==
title定义了不同文档的标题
title在HTML、XHTML文件中是必须的
title也是显示在收藏夹中的默认名称
title是工具栏显示的名称
title是显示在搜索引擎的名称

<title> 文件名称 </title>

== base ==
base其实就是定义一个默认的地址和默认目标。在其后的链接元素都将起作用。

<head>
<base href="https://localhost:8080/" target="_blank" />
定义了该页面的默认url为https://localhost:8080/
在该标签下的所有标签或属性填写的相对路径都会被自动添加上该路径
</head>
<body>
<img src="myemojy.png" />
此处该图片的访问路径为
https://localhost:8080/myemojy.png
<a href="https://www.baidu.com">打开百度</a>
此处未定义target属性，因此会自动执行头部的<base>标签中的target="_blank"
打开一个新的标签页
</body>

== link ==
用于该html文件连接外部资源
通常用于连接样式文件

<head>
<link rel="stylesheet" text="text/css" href="index.css">
<link>无结束标签
</head>

== style ==
可在此处写入css代码，来控制样式

<head>
<style text="text/css">
* { margin:0;padding:0; }
</style>
</head>

== meta ==
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
主要是方便网站搜索机器人来对该网站进行检索分类

<head>
<meta name="keywords" content="HTML, CSS, JavaScript, XML, XHTML">
为搜索引擎定义关键词
<meta name="description" content="博客 个人 学习 & web">
为网页定义描述内容
<meta name="author" content="太吾村领头人">
定义网页作者

还有更多相关属性可配置，这里不一一举出
</head>

== noscript ==
某些浏览器不支持script脚本
于是此时noscript便会生效

<head>
<script>
	document.write("该页面加载了script");
</script>
<noscript>
	该浏览器不支持script
</noscript>
</head>
太吾传人，玛卡巴卡
关注
专栏目录
「HTML和CSS入门指南」header 标签详解
a451319296的博客
06-07 1955
header 标签是一个重要的标签，用于表示页面或区域的页眉部分。在使用 header 标签时，请注意选择正确的属性和方法、语义化，并避免兼容性问题。
【前端基础篇】快速学习HTML常用标签和属性
最新发布
前端知识分享喵
06-12 1343
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure-html）、表现（Presentation-css）和行为（Behavior-javascript）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
HTML中META标签的使用
深入敌后
03-17 889
6，…meta标签的常见功能： １、帮助主页被各大搜索引擎登录 ２、定义页面的使用语言 ３、自动刷新并指向新的页面 ４、实现网页转换时的动画效果 ５、网页定级评价 ６、控制页面缓冲 ７、控制网页显示的窗口。 meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引
头部属性全接触
weixin_34297704的博客
04-09 71
以下所有代码全是在<head>...</head>之间，具体内容有： 1，<title>…</title> 标题元素，帮助用户更好识别文件，有且只有一个。当作为首页或收藏时做文件名。 2，<link>…</link> 显示本文档和其它文档之间的关系：<linkrel=“stylesheet...
HTML基础之head标签以及其下的标签和属性
u011863822的博客
12-08 4201
上一篇聊了一些HTML的发展历史，以及HTML的规范，现在聊一些基本的标签，以及标签的意义。 其实HTML有标签的同时，还有一些标签上的属性，其也会让标签的形式的变得多种多样。两者再下面代码演示的时候会同时说，这样更好的理解。 一直说html标签时HTML的根节点，其上面也有属性。 <!DOCTYPE html> <html lang="en"> <head> </head> <body> 网页内容 </body> </html
HTML5：理解head
宁静致远
12-30 4820
HTML文档的head部分，通常包括指定页面标题，为搜索引擎提供关于页面本身的信息，加载样式表，以及加载JavaScript文件（出于性能考虑，多数时候放在页面底部标签结束前加载JavaScript）。除了title，head里的内容对页面访问者来说都是不可见的。下面是HTML文档head部分的一个例子： Your page title a{ background-co
网页基础（二）head属性介绍及应用
qq_41440413的博客
02-18 512
首先介绍下html版本现在用的比较多的html5诞生于2012年 Html的通用声明 页面头部元素head title meta style link script <!DOCTYPE html> <html> <head> <!-- 作者：770267939@qq.com 时间：2020-0...
HTML头部标识代码的标签和属性
no15870678621的博客
08-03 1373
标签一般格式为：<标签名></标签名>（自结束标签除外）,标签也称为元素。 标签的作用：标识出网页不同的内容。 <!doctype html> <!--文档声明，用来告诉浏览器语法规范和当前网页的版本为html5标准--> <html lang="en"> <!--html根标签，一个网页中有且只有一个根标签，所有网页内容包含在根标签内部，声明文档语言类型为英文--> &l...
HTML初学 - head标签
weixin_44425058的博客
12-27 218
HTML文件的基本结构 <!doctype HTML> <html> <head> <title></title> </head> <body> …… …… …… </body> </html> <head>标签 <head>标签包含了所有的头部标签标签。在 ...
HTML——头部属性、标题标签、特殊字符和插入图片
qq_51869518的博客
06-24 2612
头部标签与属性、标题标签、特殊字符与img标签、、代码实现。对头部标签base的简单介绍。以及对于昨天页面的进一步改进。可以自己动手试试运行一下......
java补完——HTML中head所有内嵌标签（标注版本区别）
weixin_44470080的博客
02-18 342
基本结构 <!DOCTYPE html> <html> <head> <title>网页标题</title> <!--元素--> </head> <body> <!--内容--> </body> </html> head标签 head 标签作用 HTML hea...
web前端学习第二章——HTML的结构、标签
m0_46420078的博客
09-27 543
目录 一、HTML的优势 二、HTML的全新结构 三、标签概述 1.概念 2.分类 3.关系 4.属性 5.HTML5文档头部相关标签 四、文本控制标签 五、图像标签 六、路径：文件的存储位置 一、HTML的优势 1.兼容：HTML5并不是对之前HTML语言颠覆性的革新，它的核心理念就是要保持与过去技术的完美衔接，因此HTML5有很好的兼容性。 2.合理：HTML5中增加和删除的标签都是对现有的网页和用户习惯进行分析、概括而推出的。 3.易用：作为当下流行的标签语言，HTML.
第37天学习——CSS
aixuexide3236的博客
11-15 404
一 CSS初识 1 CSS的发展历程 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。 2 CSS 网页的美容师 CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者。 让我们的网页更加丰富多彩。 CSS的最大贡献就是：
head 标签里面属性
weixin_30834783的博客
11-14 164
参考链接：https://github.com/joshbuchea/HEAD 转载于:https://www.cnblogs.com/taoshengyijiuai/p/7834072.html
HTML基础（1.head属性）
一清的博客
12-10 842
这里还是一个实例分析介绍： html> <!--第一行通常不变，类似HTML这种格式， html标签 yiqing 注意，整个文件里只能有一个html标签 --> lang="en"> <!-- 这里是标签内部,可以写属性， 注释不是#或者//，而 <!-- 同样，一个人也只能有一个脑子（head）和一个身子(body) head 里只有一个title可见，其他都不可见-->
html<head>属性,HTML的head标签里常用标签属性
weixin_35717941的博客
06-04 258
dns-prefetchDNS的的解析成本很高滴，往往导致了网站加载速度慢。现在浏览器针对这个问题开发了更智能的处理方式，它将域名缓存后，当用户点击其它页面地址后自动的获取。例子:页面需要添加百度统计代码,可以在标签里添加以下代码:X-UA-Compatible强制浏览器按照特定的版本标准进行渲染。360浏览器有两种模式,当在IE模式下,其文档模式会切换到IE7的模式,当在网页的标签里添加以下代码...
【Web技术】HTML详解head标签
一个专注于客户端开发的技术er，不定期更新Android，Flutter，HormonyOS等方向的使用心得和感悟
03-21 1583
html详解head标签
html中head区设置
lengmeiyanok的专栏
05-16 491
         收藏夹小图标　　如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：　　 　　 　　为搜索引擎准备的内容　　代码如下，替换成你自己站点的内容就可以：　　允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用
head标签详解
JCchervy的博客
10-01 1472
head 元素是所有头部元素的容器。位于 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息，等等。 下面是可用在 head 部分的标签：
HTML入门：理解控件标签——按钮的应用
控件的标签符——按钮的学习是HTML初学者的关键部分，因为它不仅涉及基本元素的使用，还涵盖了如何通过编程（如JavaScript）增强用户体验。理解这些概念和技能对于成为一个合格的前端开发者来说是必不可少的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

太吾传人，玛卡巴卡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值