HTML头部

HTML头部

代码开头都会有<!DOCTYPE>声明, 

<!DOCTYPE> 声明帮助浏览器正确地显示网页。

<!DOCTYPE> 声明

Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。

HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。

  以下所有代码全是在<head>...</head>之间,具体内容有:

1.<title>…</title>

      标题元素,帮助用户更好识别文件,<title> 在 HTML/XHTML 文档中是必须的,有且只有一个。当作为首页或收藏时做文件名。

    2.<link>…</link>

显示本文档和其它文档之间的关系:<link rel=“stylesheet” href=“s.css”> 和外部样式表的连接。

rel说明html文件和url两文档之间的关系,href说明文档名。

     3.<style>…</style>

可以在文档中包含风格页。文档本身的内部样式。

      4.<base>…</base>

<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:

     5.<script>…</script>

用于包含脚本(一系列脚本语言写的命令)可以是 Javascript 或 VbScript。

     6.<meta>…</meta>

meta标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta>一般放置于 <head>区域

<meta> 标签- 使用实例

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定义网页作者:

<meta name="author" content="Hege Refsnes">

每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

实例:

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="php html css" charset="utf-8">
<link rel="stylesheet" type="text/css" href="">
<script>
</script>
<title>标题测试</title>
<style type="text/css">
body {background-color:pink}
</style>
</head>
<body>
<a href="http://ask.php.cn/"  target="_blank" >这个是连接哦</a>
</body>
</html>
继续学习
||
<!DOCTYPE html> <html> <head> <meta name="description" content="php html css" charset="utf-8"> <link rel="stylesheet" type="text/css" href=""> <script> </script> <title>标题测试</title> <style type="text/css"> body {background-color:pink} </style> </head> <body> <a href="//m.sbmmt.com/" target="_blank" >这个是连接哦</a> </body> </html> 同学们可以试试其他的。
提交重置代码
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
我是灰太狼

我是灰太狼

懂了

4年前    添加回复 0

回复
汪汪

汪汪

现在都是使用<!DOCTYPE>了

4年前    添加回复 0

回复
看透不说透

看透不说透

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> <meta name="description" content="Free Web tutorials on HTML and CSS"> 这个对做优化推广还是

4年前    添加回复 0

回复
大神,求带!

大神,求带!

<head>里面可以加不少标签元素

4年前    添加回复 0

回复
check

check

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的 <head>...</head>的内容: <title>…</title>在浏览器上显示的文字 <link>…</link>引入的外部样式 <style>…</style> 内联样式 <script>…</script>脚本代码 <meta>…</meta> 描述了一些基本的元数据,元数据也不显示在页面上,但会被浏览器解析

4年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~