html5全局声明怎么用

在HTML5中，全局声明是一种非常重要的用法，它可以帮助我们定义全局变量、全局函数以及设置页面的一些基本属性，我将为大家详细介绍HTML5全局声明的用法，帮助大家更好地理解和掌握这一技巧。

html5全局声明怎么用

我们需要了解什么是HTML5全局声明，全局声明就是在HTML文档的头部，使用<script>标签或<style>标签声明的变量、函数以及样式，这些声明的对象将在整个页面范围内有效。

一、使用<script>标签进行全局声明

在HTML5中，我们通常使用<script>标签来声明JavaScript代码，以下是一个简单的例子：

Markup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例</title>
    <script>
        // 声明一个全局变量
        var globalVar = "Hello, World!";
        // 声明一个全局函数
        function globalFunc() {
            console.log(globalVar);
        }
    </script>
</head>
<body>
    <h1>全局声明示例</h1>
    <button onclick="globalFunc()">点击我</button>
</body>
</html>

在上面的例子中，我们声明了一个全局变量globalVar和一个全局函数globalFunc，在页面的任何位置，我们都可以通过调用globalFunc()来访问这个全局变量。

二、使用<style>标签进行全局声明

除了使用<script>标签，我们还可以使用<style>标签来声明全局样式，以下是一个示例：

Markup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例</title>
    <style>
        /* 声明一个全局样式 */
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }
        
        h1 {
            color: #333;
        }
    </style>
</head>
<body>
    <h1>全局声明示例</h1>
    <p>这是一个段落。</p>
</body>
</html>