HTML 头元素

标签

HTML 头元素是包含在 <head> 标签下面的子元素;作用有标题,引用脚本资源,元数据等基本信息,头元素大部分都作为元数据不会显示在浏览器显示:

元素 说明
title 显示文档的标题
style 定义文档的样式信息
meta 提供元数据,如文档关键字、作者、描述信息和文件的最后修改时间等
base 文档上所有链接的默认 URL 和默认目标
link 定义文档与外部资源的关系
script 定义客户端脚本,如 JavaScript

实例

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>head</title>
    <link rel="stylesheet" href="/htmls/css/style.css">
    <base href="https://s.tinyx.cc/images/"/>
    <script type="text/javascript">
        function helloWorld() {
            alert("Hello World!");
        }
    </script>
</head>
全路径:
<img src="https://s.tinyx.cc/images/posts/html/tags/cite/mona-lisa.jpg"/>
基于&#60;base&#62;后的路径
<img src="posts/html/tags/cite/mona-lisa.jpg"/>
<p class="green-border">通过样式文件 styles.css 渲染后得到绿色边框</p>
<input type="button" onclick="helloWorld()" value="Hello world"/>
</html>

效果:

留下评论

电子邮件地址不会被公开。 必填项已用*标注