首页 > 软件开发 > HTML >

html网页制作学习:[3]head元素细说

来源:互联网 2023-03-16 19:19:16 162

head元素为文件标头信息的包含元素,在html文件中起始标签与终止 标签都只可以省略但在XHTML文件中都不可省略.Fru办公区 - 实用经验教程分享!

html网页制作学习:[3]head元素细说Fru办公区 - 实用经验教程分享!

工具/原料

  • DW,或者其它的网页编辑器

head元素简介

  • 1

    head元素为HTML元素的子元素Fru办公区 - 实用经验教程分享!

    在head元素标签内容中,可包含base,link,meta,script,style,title,等子元素,除title子元素的标签内容会显示在上外,其余的子元素标签内容都为隐藏信息。Fru办公区 - 实用经验教程分享!

    简单的例子head>title>.../title>/head>Fru办公区 - 实用经验教程分享!

    我们可以百度经验页面的代码,当然他还加入了其它内容。Fru办公区 - 实用经验教程分享!

    html网页制作学习:[3]head元素细说Fru办公区 - 实用经验教程分享!

  • 1本页面未经授权抓取自百度经验
  • 2

    head元素的属性Fru办公区 - 实用经验教程分享!

    head元素有个profile属性,其属性值是字符串URI,功能是:使用meta等元素指定信息内容的URIFru办公区 - 实用经验教程分享!

    我们看下编辑页面的代码是,当然有些东西我们还看不太懂。Fru办公区 - 实用经验教程分享!

    html网页制作学习:[3]head元素细说Fru办公区 - 实用经验教程分享!

  • head元素实践

  • 1

    包含meta子元素的head元素标签Fru办公区 - 实用经验教程分享!

    !doctype html>Fru办公区 - 实用经验教程分享!

    html>Fru办公区 - 实用经验教程分享!

    head>Fru办公区 - 实用经验教程分享!

    meta charset="utf-8">//指定网页使用的语言编码Fru办公区 - 实用经验教程分享!

    meta name="author" content="百度经验失去你我不难过">Fru办公区 - 实用经验教程分享!

    meta name="keywords" content="网页制作,html,失去你我不难过">Fru办公区 - 实用经验教程分享!

    /head>Fru办公区 - 实用经验教程分享!

    body>Fru办公区 - 实用经验教程分享!

    包含meta子元素的head元素标签/Fru办公区 - 实用经验教程分享!

    /body>Fru办公区 - 实用经验教程分享!

    /html>Fru办公区 - 实用经验教程分享!

    效果Fru办公区 - 实用经验教程分享!

    html网页制作学习:[3]head元素细说Fru办公区 - 实用经验教程分享!

  • 2

    包含title子元素的head元素标签Fru办公区 - 实用经验教程分享!

    !doctype html>Fru办公区 - 实用经验教程分享!

    html>Fru办公区 - 实用经验教程分享!

    head>Fru办公区 - 实用经验教程分享!

    meta charset="utf-8">Fru办公区 - 实用经验教程分享!

    title>我是网页抬头标题,失去你我不难过/title>Fru办公区 - 实用经验教程分享!

    /head>Fru办公区 - 实用经验教程分享!

    body>Fru办公区 - 实用经验教程分享!

    包含title子元素的head元素标签/Fru办公区 - 实用经验教程分享!

    /body>Fru办公区 - 实用经验教程分享!

    /html>Fru办公区 - 实用经验教程分享!

    效果Fru办公区 - 实用经验教程分享!

    html网页制作学习:[3]head元素细说Fru办公区 - 实用经验教程分享!

  • 3

    指定标签内容所使用的语言Fru办公区 - 实用经验教程分享!

    head lang="en">Fru办公区 - 实用经验教程分享!

    en定义语言为英语Fru办公区 - 实用经验教程分享!

    zh-CN定义语言为中文Fru办公区 - 实用经验教程分享!

  • 注意事项

    • head元素中可以引入css文件,js文件,这里不在举例
    • 查看 网页源代码的方法是F12,也可以右键选择查看网页源代码
    html标签元素属性|下一篇:

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Fru办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码