文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

HTML中头部元素、字符实体的示例分析

2024-04-02 19:55

关注

这篇文章将为大家详细讲解有关HTML中头部元素、字符实体的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

  以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

  <title> 标签定义文档的。

  title 元素在所有 HTML/XHTML 文档中都是必需的。

  title 元素能够:

  定义浏览器工具栏中的提供页面被添加到收藏夹时显示的显示在搜索引擎结果中的页面

  元数据(metadata)是关于数据的信息。

  <meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

  典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

  <meta> 标签始终位于 head 元素中。

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

  一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

  下面的 meta 元素定义页面的描述:

  <meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

  下面的 meta 元素定义页面的关键词:

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

  <base> 标签为页面上的所有链接规定默认地址或默认目标(target):

  <head>

  <base href="" />

  <base target="_blank" />

  </head>

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

  <link> 标签最常用于连接样式表:

  <head>

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

  </head>

  <style> 标签用于为 HTML 文档定义样式信息。

  您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:

  <head>

  <style type="text/css">

  body {background-color:yellow}

  p {color:blue}

  </style>

  </head>

  <script> 标签用于定义客户端脚本,比如 JavaScript。

  我们会在稍后的章节讲解 script 元素。

  HTML 中的预留字符必须被替换为字符实体。

  在 HTML 中,某些字符是预留的。

  在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

  如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。

  字符实体类似这样:

  &entity_name;

  或者

  &#entity_number;

  如需显示小于号,我们必须这样写:< 或 <

  提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

  HTML 中的常用字符实体是不间断空格( )。

  浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用   字符实体。

  注释:实体名称对大小写敏感!

关于“HTML中头部元素、字符实体的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯