百度360必应搜狗淘宝本站头条
linux取消挂载yum卸载下横线怎么打mysql 外网访问权限php打乱数组顺序
当前位置：网站首页 > 编程文章 > 正文

html——head部分元素介绍 html head

qiyuwang 2024-10-15 14:44 10 浏览 0 评论

html--head部分

<head> 元素包含了所有的头部标签元素。

用head定义我们网页的标题，字符集等属性，写给浏览器怎么运行我们的html网页，用户不可见。

在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

1. title标签

title标签是用来定义网页标题。
title在html文档中必须的。
title元素：

1.定义了浏览器工具栏的标题
2.当网页添加到收藏夹时，显示在收藏夹中的标题
3.显示在搜索引擎结果页面的标题

<!DOCTYPE html>
<!--html是html文档的根元素-->
<html >
    <!--head定义文档标题等属性，用户不可见-->
    <head>
        <!--网页使用的字符集-->
        <meta charset="utf-8">
        <!--title设置网页的标题-->
        <title>我的第一个网页</title>
    </head>
    <!--body显示给用户的内容-->
    <body>
        Hello world, 我是阿布都萨拉木
    </body>
</html>

2. mate元素

mate标签的作用和使用很重要。用来定义网页字符集，关键字，描述等等

meta标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元素数据。

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

<meta> 一般放置于 <head> 区域

<!DOCTYPE html>
<!--html是html文档的根元素-->
<html >
    <!--head定义文档标题等属性，用户不可见-->
    <head>
        <!--网页使用的字符集-->
        <meta charset="utf-8">
        <!--关键字，为搜索引擎定义关键词:-->
        <meta name="keywords" content="HTML, CSS">
        <!--为网页定义描述内容:-->
        <meta name="description" content=" Web html">
        <!--定义网页作者:-->
        <meta name="author" content="Abdusalam">
        <!--每30秒钟刷新当前页面:-->
        <meta http-equiv="refresh" content="30">
        <!--title设置网页的标题-->
        <title>我的第一个网页</title>
    </head>
    <!--body显示给用户的内容-->
    <body>
        Hello world, 我是阿一个男孩！
    </body>
</html>

3. link元素

<link> 标签定义了文档与外部资源之间的关系， link标签通常用于链接到样式表和JavaScript脚本。

<!DOCTYPE html>
<!--html是html文档的根元素-->
<html >
    <!--head定义文档标题等属性，用户不可见-->
    <head>
        <!--网页使用的字符集-->
        <meta charset="utf-8">
        <!--title设置网页的标题-->
        <title>我的第一个网页</title>
        <!--link元素用于引入外部资源，css,js等文件-->
        <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <!--body显示给用户的内容-->
    <body>
        Hello world, 我是一个男孩！
    </body>
</html>

4. base标签

<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接，如a标签不设置 href属性和target属性则默认使用base的属性。

<head>
    <base href="http://www.baidu.com/" target="_blank">
</head>

相关推荐

别再乱找了!这才是 Alist 本地安装挂载的正确打开方式

一、探秘Alist的神奇世界在这个数据爆炸的时代，我们的生活里充斥着各种各样的网盘服务，百度网盘、阿里云盘、腾讯微云等等，它们成了我们存储资料的得力助手。但随着网盘数量的增多，管理这些分散在不同平...

如何将数据从旧iPhone传输到新iPhone 16?这五个方法你必须知道!

前不久，苹果发布了备受期待的iPhone16系列，新机型搭载了更强大的芯片、更流畅的操作体验，还有备受热议的全新摄像系统。无论你是冲着A18仿生芯片，还是更丰富的动态岛功能，相信很多果粉早已跃跃欲试...

大数据传输的定义与大数据传输解决方案的选择

当我们需要处理大量的数据时，我们就要把数据从一个地方移动到另一个地方。这个过程就叫做大数据传输。它通常需要用到高速的网络连接、分散的存储系统和数据传输协议，以保证数据的快速、可靠和安全的移动。常用的大...

【工具】在线传输文件工具（在线文件互传）

前言在线传输文件工具主要是用于在不同的设备之间，如手机、电脑、平板等快速便捷地传送文件。告别使用USB传统传输文件的方式。...

如何使用 CAN-FD 在 LPC5500 上传输数据

目录1引言2CAN-FD3示例演示1引言...

轻松同步:将照片从三星手机传输到iPad的简便方法

概括想要在新iPad上查看三星照片吗？但是，如果您不知道如何将照片从三星手机传输到iPad，则无法在iPad上查看图片。为此，本文分享了7个有用的方法，以便您可以使用它们在不同操作系统之...

常见又地道的网络缩写:美剧中常说的SFW到底是个啥?

在这堂课中，让我们来学习更多在数字网络世界中常用的有趣网络用语。7shifts/unsplashhttp,https“http”和“https”是万维网（www）传输文件用的协议。“http”是hy...

每天学会一个计算机网络协议之FTP

开始行文之前提出一个问题，相信大家在看完本文后一定可以回答当我们在网站上填写注册信息的时候，需要我们上传照片，上传的过程发生了什么？下面引入我们的主角，FTP文件传输协议FTPFileTransf...

即用即走，这3款文件分享工具真香

打工人的日常，免不了「文件分享存储服务」的需求。我们一般会选择不同的网盘，但是大家也知道，网盘不是限速就是叫你充值。今天跟大家简单推荐3款文件分享工具，既可以免登录匿名使用，而且操作简单稳定性也不错。...

安卓手机里的文件和照片与Mac互传的办法

因为HandShake一段时间未更新，似乎目前不可操作。我一时间未找到更好的「传输」办法，经实践操作，向大家介绍一下「安卓手机」，包括「一加」、「索尼」，都可用此方法，来进行文件传输到Mac的...

软网推荐:同一个平台选择不同的传输方法

平时上网的时候，我们经常要分享一些文件给其他朋友，一般通过云服务平台来实现。今天笔者给大家介绍的Worksphere传输服务，它提供了两种不同的分享方式，方便我们根据实际需要进行选择。一个链接分享所有...

跨平台不限速的免费文件传输网站（跨平台不限速的免费文件传输网站是什么）

大家好，欢迎来到天天惠分享，不知道各位平时都是用什么方法来进行文件跨平台传输的呢？是百度网盘?微信还是QQ?亦或是有线传输。虽然这些方法都可以达到传输的目的，但都有各自的缺陷，使用起来一言难尽。比如百...

全网最全最详细的全平台文件传输方法，解决你文件传输问题(一)

前言想必现在大多数人文件传输的方法还是使用qq微信，但是qq微信的文件传输有时候真是，...

文件传输工具有哪些?这3款堪称办公必备!

在不同设备间，想把文件从一台设备传输到另一台，尤其是大体积文件，更是免不了用到文件传输工具，可以说文件传输工具已成为提升效率的关键载体。面对海量文档、设计素材、会议纪要的流转需求，传统邮件附件、U盘拷...

小白也能用的跨网文件交换系统!10款简单易上手的文件摆渡工具

跨网文件交换系统对于需要频繁在不同网络环境中进行文件共享的用户来说至关重要。以下是10款简单易上手的文件摆渡工具，适合小白用户使用，帮助他们高效地分享和传输文件。10款简单易上手的跨网文件交换工具1....

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表