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/csshtef"1.css"/>

在HTML所在文件夹中,引入文件名为1.css的CSS文件。

4.内嵌<style>标记

在不进行引入文件的另一种选择就是<style>标记了,它可以直接将CSS和JavaScript文件写入HTML文档中。

<style>标记为双标记!

<style type = "text/css">
 ......    
</style>

2021-06-05



以上是关于HTML5头部标记的主要内容,如果未能解决你的问题,请参考以下文章

HTML5新增的标签与属性

如何使用sublime代码片段快速输入PHP头部版本声明

3-标签分类

html5新增标签

常用HTML5代码片段

十个html5代码片段,超实用,一定要收藏