• HTML


    HTML<head>元素

    <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

    可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, <base>。

    HTML<title>元素

    <title> 标签定义了不同文档的标题。

    <title> 在 HTML/XHTML 文档中是必须的。

    <title> 元素:

    • 定义了浏览器工具栏的标题
    • 当网页添加到收藏夹时,显示在收藏夹中的标题
    • 显示在搜索引擎结果页面的标题

    HTML<base>元素

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

    <head>

    <base href="http://www.baidu.com/" target="_blank">

    </head>

    HTML<link>元素

    <link> 标签定义了文档与外部资源之间的关系。

    <link> 标签通常用于链接到样式表:

    <head>

    <link rel="stylesheet" type="text/css" href="mystyle.css">

    </head>

    HTML<style>元素

    <style> 标签定义了HTML文档的样式文件引用地址。在<style> 元素中你也可以直接添加样式来渲染 HTML 文档,例如:

    <head>
    <style type="text/css">
    body {background-color:yellow}
    p {color:blue}
    </style>
    </head>

    HTML<meta>元素

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

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

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

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

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

    <meta> 标签- 使用实例

    为搜索引擎定义关键词:

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

    为网页定义描述内容:

    <meta name="description" content="免费 Web & 编程 教程">

    定义网页作者:

    <meta name="author" content="Runoob">

    每30秒钟刷新当前页面:

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

    HTML<script>元素

    <script>标签用于加载脚本文件,比如:js

    HTML head元素总结

    <head>:定义文档的信息

    <title>:定义文档的标题

    <base>:定义页面链接标签的默认链接地址

    <link>:定义一个文档和外部资源之间的关系

    <meta>:定义了HTML文档中的元数据

    <script>:定义了客户端的脚本文件

    <style>:定义了HTML文档的样式文件 

      作者:Jeremy.Wu
      出处:https://www.cnblogs.com/jeremywucnblog/
      本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    [转]cmd-bat批处理命令延时方法
    chrome pyv8下载
    win10锁屏壁纸路径
    MongoDB系列—— Window 搭建Mongodb 集群
    JS判断所有IE浏览器所有版本
    网页中引用优酷视频默认自动播放超清
    SQL 还原或备份失败数据库变成单个用户模式无法访问
    百度webuploader 上传演示例子
    SQL Server 如何更改SQL Server和windows身份方式验证
    已经阻止此发布者在你的计算机上运行软件
  • 原文地址:https://www.cnblogs.com/jeremywucnblog/p/12089514.html
Copyright © 2020-2023  润新知