欢迎光临散文网 会员登陆 & 注册

HTML5头部标记

2021-06-09 22:31 作者:秃头代码  | 我要投稿

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>来进行对外文件的引用。


<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头部标记的评论 (共 条)

分享到微博请遵守国家法律