Loading

HTML的头部元素

HTML的头部元素

一、head元素

<head>元素包含了所有头部标签元素。在<head>元素中可以插入脚本（scripts）、样式文件（CSS），以及各种meta信息。

添加在头部元素中的标签有：<title>、<style>、<meta>、<link>、<script>、<noscript>、<base>

二、base元素

<base>标签描述了基本的链接地址，且此标签最为HTML文档中所有链接标签的默认链接

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

以上默认跳转链接为百度网址

三、link元素

<link>标签定义了文档与外部资源之间的关系

<head>
	<link rel="stylesheet" type="text/css" href="css/mystyle.css">
</head>

四、style元素

<style>标签定义了HTML文档的样式文件的引用地址

在<style>元素中可以直接加入样式来渲染HTML文档

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

身体背景色：灰色

段落文本色：绿色

五、meta元素

  • 为搜索引擎（例如：谷歌、百度等）提供关键词
<meta name="keywords" content="HTML,CSS,JavaScript">
  • 为网页定义描述内容
<meta name="description" content="web前端">
  • 定义网页作者
<meta name="author" content="CJ">
  • 设定每30秒刷新当前网页
<meta http-equiv="refresh" content="30">

六、script元素

<script>标签用于加载脚本文件，例如：JavaScript

posted @ 2022-09-11 10:44  eiSouthBoy  阅读(105)  评论(0)    收藏  举报