网页语言HTML之四：HTML头部元素与意义

最新推荐文章于 2024-06-30 16:25:32 发布

韩湘

最新推荐文章于 2024-06-30 16:25:32 发布

阅读量503

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_38228254/article/details/88042828

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

HTML学习笔记之四

博主推荐的学习网站，速成见下文。

本节主要内容：HTML头部元素与意义

HTML文件的头部<head>包含的信息元素： <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

粒子5：

<html>
<head>
  <!--设置编码、搜索关键词、描述与刷新设置-->
  <meta charset="utf-8"> 
  <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
  <meta name="description" content="免费 Web & 编程 教程">
  <meta name="author" content="Runoob">
  <meta http-equiv="refresh" content="30">
  
  <!--设置标题、默认链接以及页面样式-->
  <title>文档标题</title>
  <base href="http://www.runoob.com/images/" target="_blank">
  <style type="text/css">
    body {background-color:yellow}
    p {color:blue}
  </style>
  </head>

<body>
  <p>
    This is my body...
  </p>
</body>
</html>

没看懂，听我解释：

元素<title>：定义浏览器工具栏标题、搜索引擎结果页面标题以及收藏夹标题
元素<base>：描述基本的链接地址/链接目标，即文档中所有的链接标签的默认链接
元素<link>：定义了文档与外部资源之间的关系，通常用于链接到样式表
元素<style>：定义了HTML文档的样式文件引用地址，其中你也可以直接添加样式来渲染
元素<meta>：描述一些基本元数据。常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

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

提示

请始终将正斜杠添加到子文件夹。假如这样书写链接：href=“http://www.runoob.com/html”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=“http://www.runoob.com/html/”。现在acronym已经淘汰不用了，所以尽量改用abbr就好；
标签和基于内容的样式标签` 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。
关于<b> 和<strong>

在显示上，这两个标签都可是加粗文本，呢么为什么会有两个功能"相同"的标签呢？而且好像 strong 并非个例。
- ** 首先，这两个并非完全相同。比如，如果使用网页阅读器阅读网页（盲人使用），strong 会重读，b 则不会。
- ** 其次，从起源上来说，strong 是为了在未来建设语义网而诞生的。应该知道的是，html 是负责显示的标记，不能表示语义。也就是说，浏览器知道这个标签如何显示，而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
使用小写标签。因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
<br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。