HTML5头部标记
Posted 秃头代码
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5头部标记相关的知识,希望对你有一定的参考价值。
HTML5头部标记
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
在之前的文章中我们讲述了<!doctype>标记,<html>标记,<head>标记,还有<body>标记,这篇文章可以算是<head>标记文章的续写。
1.<title>标记
之前讲述过,该标记就是用于定义HTML页面的标题,也就是网页名称。
2.<meta>标记
以上代码有这样一段:
<meta charset="utf-8">
在<meta>标记中可以添加name,content,http-equiv等属性来扩展<meta>标记。
name可以定义搜索内容,content可以定义关键字的具体属性。
<meta name = "keyword" content = "网页关键字" charset="utf-8">
<meta name = "description" content = "网页描述" charset="utf-8">
<meta name = "author" content = "网页作者" charset="utf-8">
不同的name = ?,决定了content中具体的内容是什么。
对于http-equiv我们后面会具体阐述。
3.<link>引用外部标记
我们通常使用<link>来进行对外文件的引用。
属性名 | 常用属性值 | 描述 |
---|---|---|
href | URL | 指定引用外部文档的地址 |
rel | stylesheet | 指定当前文档与引用外部文档的关系,该属性通常为stylesheet,表示定义一个外部样式表 |
type | text/css | 引用外部文档的类型为CSS样式表 |
text/javascript | 引用外部文档的类型为JavaScript脚本 |
<link rel = "stylesheet" type"text/css" htef"1.css"/>
在HTML所在文件夹中,引入文件名为1.css的CSS文件。
4.内嵌<style>标记
在不进行引入文件的另一种选择就是<style>标记了,它可以直接将CSS和JavaScript文件写入HTML文档中。
<style>标记为双标记!
<style type = "text/css">
......
</style>
2021-06-05
以上是关于HTML5头部标记的主要内容,如果未能解决你的问题,请参考以下文章