最新的Web开发教程

HTML Head


的HTML <head>

所述<head>元素是用于元数据的容器(关于数据的数据)。

HTML元数据是关于HTML文档数据。 不显示的元数据。

元数据通常定义文档标题,样式,链接,脚本和其他元信息。

下面的标签元数据: <title>, <style>, <meta>, <link>, <script>, and <base>


省略<html><body>

在HTML5标准中, <html>标记,则<body>标记和<head>标签可以省略。

下面的代码将验证为HTML5:

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
试一试»

w3ii不建议省略<html><body>标记。

<html>元素是文档根。 它是用于指定页面语言推荐的地方:

<!DOCTYPE html>
<html lang="en-US">

声明一个语言是用来辅助功能应用程序(屏幕阅读器)和搜索引擎的重要。

省略<html><body>可能会崩溃不好写DOM/XML的软件。

最后,省略<body>可以产生在旧的浏览器的错误(IE9)


省略<head>

在HTML5标准中, <head>标签也可被省略。

默认情况下,浏览器将添加前的所有元素<body>为默认<head>元素。

您可以通过省略降低了HTML的复杂性, <head>标签:

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
试一试»

省略标签是不熟悉的Web开发人员。 这需要建立一个指导时间。


的HTML <title>

所述<title>元素定义了文档的标题。

所述<title>元素是必需的所有HTML / XHTML文档。

所述<title>元素:

  • 定义了在浏览器标签标题
  • 当它被添加到您的收藏夹提供了页面的标题
  • 显示在搜索引擎结果的页面的标题

简化的HTML文档:

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
试一试»

的HTML <style>

所述<style>元素用于定义一个HTML文档的样式信息。

里面<style>元素您指定的HTML元素应该在浏览器中呈现:

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
试一试»

的HTML <link>

所述<link>元素定义到外部资源的页面关系。

所述<link>元素是最经常用于链接到样式表:

<link rel="stylesheet" href="mystyle.css">
试一试»

的HTML <meta>

所述<meta>元素用于指定页面描述,关键字,作者,以及其它元数据。

元数据是通过浏览器使用(how to display content) ,搜索引擎(keywords) ,以及其他网络服务。

定义搜索引擎的关键字:

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

定义你的网页的描述:

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

定义使用的字符集:

<meta charset="UTF-8">

定义页面的作者:

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

刷新文件每30秒:

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

实施例<meta>标签:

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
试一试»

的HTML <script>

<script>元素被用来定义客户端的JavaScript。

下面的脚本编写的JavaScript您好! 与HTML元素id="demo"

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
试一试»

要了解所有关于JavaScript,请访问我们的JavaScript教程


的HTML <base>

所述<base>元素指定用于在页面中的所有相对URL基本URL和基本目标:

<base href="http://www.w3ii.com/images/" target="_blank">
试一试»

HTML元素头

标签 描述
<head> 定义关于文档的信息
<title> 定义文档的标题
<base> 定义页面上的所有链接的默认地址或默认目标
<link> 定义文档与外部资源之间的关系
<meta> 定义关于HTML文档的元数据
<script> 定义客户端脚本
<style> 定义样式信息的文档