HTML文件的<head>元素
2023-09-27 14:22:11 时间
head元素,包含了HTML文件所有的头部元素:
title
定义文档页面的标题,是head中唯一一个必须的元素。
base
1、给页面中所有的链接规定默认的地址
2、设置target属性,给本页面中所有的链接指定target方式
比如:
<html>
<head>
<title>未设置base元素</title>
</head>
</html>
<body>
<!-- 默认情况下,img元素的src值会从当前文档的URL提取相应的元素来补全a.png前面的路径 -->
<img src="a.png"/>
</body>
<html>
<head>
<title>设置base元素</title>
<base href="http://www.w3school.com.cn/i/" />
<base target="_self"></base>
</head>
</html>
<body>
<!-- 设置base的情况下,img元素的src值为http://www.w3school.com.cn/i/a.png-->
<img src="a.png"/>
<!--head中设置了base target的情况下,规定了本文档中链接的打开方式-->
<a herf="www.baidu.com">click me!</a>
</body>
style
在HTML文档中定义元素样式
内部样式表使用style标签,内联样式使用style属性
link
link元素,连接外部样式表,是使用CSS样式的三种方式之一。
<link rel="stylesheet" type="text/css" href="theme.css" />
- href:所引用外部样式文件的位置
- rel:属性值是有stylesheet,表示引用的文档是一个样式表
- type:规定被应用文档的MIME类型,属性值一般是text/css
script
用于定义客户端脚本,有两种使用方式:直接包含脚本语句,引用外部脚本文件
<!-- 直接包含脚本语句 -->
<!-- html5.0后,type="text/javascript" 可以省略,因为h5中script的type属性默认text/javsscript -->
<script type="text/javascript">
document.write("<h1>Hello World!</h1>")
</script>
<!-- 使用src属性指定外部脚本文件 -->
<!-- 使用script引用外部脚本文件时,有依赖关系的脚本文件需要注意在文件中的引用顺序 -->
<script type="text/javascript" src="myscripts.js"></script>
meta
提供页面元信息(meta-information):针对搜索引擎和更新频度的描述和关键词;
元信息不会显示在浏览器窗口,但是对于机器是可读的。
必要属性:content
可选属性:
- http-equiv(指示服务器在发送实际的文档之前先在要传送个浏览器的报文头部包含键值对,使用content提供与http-equiv对应的值)
- name,用于描述网页的内容,用于搜索引擎的优化(值为author、description、keywords、generator、revised、others等,使用content提供与这些name对应的值)
<!-- keywords : 指定一组关键字,某些搜索引擎会根据这些关键字对文档进行分类 -->
<meta name="keywords" content="HTML,ASP,PHP,SQL">
<!--默认打开的浏览器的版本-->
<meta http-equiv="x-ua-compatible" content="IE=IE9;IE=IE8;IE=IE7">
<!--指明文档编辑作者-->
<meta name="author" content="w3school.com.cn">
<!--内容类型-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--自动刷新 每过一秒刷新-->
<meta http-equiv="Refresh" Content="3">
<!--自动跳转-->
<meta http-equiv="Refresh" Content="2; Url=https://www.baidu.com">
相关文章
- IDA动态调试Android的DEX文件
- 使用ant进行邮件发送,ant发送已存在的html文件
- Python获取同目录下json文件内容
- 记一次CDH集群节点日志文件清理
- Word控件Spire.Doc 转换教程(十五):在 C# 中将 HTML 文件转换为 PDF 和 XPS
- 【华为OD机试真题 python】区块链文件转储系统【2023 Q1 | 100分】
- 一个在线测试Html、脚本代码的网站!(不用建文件了)
- SpringMvc学习-5-Spring MVC 文件上传
- Linux常用命令-文件操作 网络命令 性能命令
- 用python导出csv文件
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——1.3 使用浏览器浏览HTML文件
- esp8266烧录Html文件,实现内置网页控制设备!
- 文件整理利器,HTML快速转换为简洁的MD文件
- Python基础入门-文件读写
- postman测试请求API:方式post、上传文件file
- Android Studio 默认 debug.keystore , apk打包,keystore.jks文件生成,根据keystore密钥获取SHA1安全码
- html 链接外部css js文件
- [js高手之路]Node.js+jade抓取博客所有文章生成静态html文件
- webpack配置:css文件打包、JS压缩打包和HTML文件发布
- T4生成多文件时,不生成自己
- 介绍两款Linux文件恢复工具,ext3grep与extundelete https://www.cnblogs.com/lazyfang/p/7699994.html
- 安卓开发笔记(二十二):读取本地(内置)html文件并实现和Javascript交互
- Django学习路28_ .html 文件继承及<block 标签>,include 'xxx.html'
- Python打包成exe文件
- Spring Boot文件上传
- 文件内容操作命令 cat、more、less、head、tail、wc、grep 命令详情