HTML 头标签的 <title> <base> <meta> <link> <script> 的内容意思

简介:
头标签都放在<head></head>头部分之间。包括:title base meta link
   <title>:指定浏览器的。(标题)
  <base>:为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。(给<a>标签指定默认)
  <meta>:可提供有关页面的基本信息
  <link>:定义文档与外部资源的关系。
 
例:
  1:
  <title>博客后台管理-博客园</title> 
  
  <title>: 指定浏览器的标题栏显示的内容。
 
  2:
   <base>: 为页面上的所有链接规定默认地址默认目标

    href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。

    target 属性:指定打开超链接的方式。如_blank 表示所有的超链接都用新窗口打开显示。

    或者只演示_blank的功能

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

    <a href="#">点击</a>

  3:

  <meta>:可提供有关页面的基本信息

  name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。

  http-equiv 属性:模拟HTTP协议的响应消息头。

  例:

  • <meta name="Description" content="This is Chris's Home Page"> 
    该网页的描述,作用于寻找引擎的登录
  • <meta name="Keywords" content="Chris, Web, Music, photo"> 
    该网页的关键字,作用于寻找引擎的登录
  • <meta http-equiv="Expires" content="Tue, 09 Dec 1997 00:00:00 GMT"> 
    <meta http-equiv="Pragma" content="no-cache"> 
    以上行功能相同,都是要浏览器重新载入该页,不要使用快取档案,当然可以修 改该 Expire 时间。
  • <meta http-equiv="Content-Type" content="text/html; charset=big5"> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  • <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    设定这是 HTML 文件及其编码语系,中文网页请使用 big5 那行,或者不设编码亦 可,纯英文网页建议使用 iso-8859-1。一般建议默认通用编码 utf-8
  • <meta name="GENERATOR" content="Mozilla/4.04 [en] (Win95; I) [Netscape]"> 
    <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> 
    这只表示该网页由甚堋编辑器写成。
  • <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
  • 这一行较为实用,能于预定秒数内自动转到指定的网址。原始码中 10 表示 10秒。
  • <meta http-equiv="refresh" content="3;url=http://www.sina.com.cn" />

  4:

  <link>:定义文档与外部资源的关系。(连接 外部资源)

  rel 属性:描述目标文档与当前文档的关系。

  type 属性:文档类型。

  media:指定目标文档在哪种设备上起作用。

  例:

  <link rel="icon" href="./images/logo3.ico" type="image/x-icon">

  <link rel="stylesheet" type="text/css" media="screen,print" href="a.css" />

  <link rel="引入的文件与html的关系" type="text/css" href="文件的地址" >

  5:

  <script> 用于存放脚本语言 JavaScript VBScript

  <script src="文件的地址"></script>

  <script src="js/bootstrap.min.js"></script>

目录
相关文章
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
50 5
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
53 0
|
12天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
12天前
|
存储 移动开发 前端开发
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
39 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
33 1
|
2月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
111 1
|
2月前
|
移动开发 开发者 UED
HTML5中video标签controlslist属性的使用方法
`controlsList`属性为开发者提供了更多控制HTML5视频播放器行为的能力,让视频内容的集成更加灵活和符合需求。通过精心设计的控制列表,可以提升用户体验,同时保持内容的安全性和专业性。这种细节的控制和定制能力是现代Web开发的一个重要方面,反映了HTML5对开发者和内容创作者需求的响应。
219 1
|
2月前
|
存储 JavaScript Java
使用NekoHTML解析HTML并提取META标签内容
关于NekoHTML的代码样例,这里提供一个简单的示例,用于展示如何使用NekoHTML来解析HTML文档并提取其中的信息。请注意,由于NekoHTML的具体实现和API可能会随着版本更新而有所变化,以下代码仅供参考。 ### 示例:使用NekoHTML解析HTML并提取META标签内容 ```java import org.cyberneko.html.parsers.DOMParser; import org.w3c.dom.Document; import org.w3c.dom.Element; import org.w3c.dom.NodeList; import org.xml
|
2月前
|
XML JavaScript Java
NekoHTML 是一个基于Java的HTML扫描器和标签补全器
**NekoHTML** 是一个基于Java的HTML扫描器和标签补全器(tag balancer),由J. Andrew Clark开发。它主要用于解析HTML文档,并能够“修正”许多在编写HTML文档过程中常犯的错误,如增补缺失的父元素、自动用结束标签关闭相应的元素,以及处理不匹配的内嵌元素标签等。这使得程序能够以标准的XML接口来访问HTML文档中的信息。 ### NekoHTML的主要特点包括: 1. **错误修正**:能够自动修正HTML中的常见错误,如未闭合的标签等。 2. **DOM树生成**:将HTML源代码转化为DOM(Document Object Model)结构,便

热门文章

最新文章