`

HTML Header 中标签的应用

 
阅读更多
1. <base> 标签为页面上的所有链接规定默认地址或默认目标。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
<head>
  <base href="http://www.w3school.com.cn/tags/"> 
  <base target="_blank" /> <!--页面中所有target默认为_blank-->
</head>
<body>
  <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank -->
  <a href="tag_audio.asp">audio </a>
</body>

target可选的属性:
_blank
_parent
_self
_top


2. <link>标签定义文档与外部资源的关系。最常见的用途是链接样式表。
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="shortcut icon" href="http://jquery.com/jquery-wp-content/themes/jquery.com/i/favicon.ico">
</head>

rel 可选的属性有:
alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag


3. <meta> 定义了与文档相关联的名称/值对,比如针对搜索引擎和更新频度的描述和关键词。 <meta>标签没有结束标签,但必须被正确地被关闭(<meta ...  />)。
<head>
<meta http-equiv="Content-Type"  Content="text/html; charset=UTF-8" />
<meta name="keywords" content="HTML,ASP,PHP,SQL">
</head>

属性:
属性描述
nameauthor, description, keywords, generator, revised提供了名称/值对中的名称。最常用到的是"keywords",它为搜索引擎提供关键字
http-equivcontent-type, expires, refresh, set-cookie为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。服务器都至少要发送一个:content-type:text/html,这将告诉浏览器准备接受一个 HTML 文档。
content属性提供了名称/值对中的值。该值可以是任何有效的字符串。它始终要和 name 属性或 http-equiv 属性一起使用。



4.<style>为 HTML 文档定义样式信息.
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
<link rel="stylesheet" type="text/css" href="/c5.css" />
</head>



5. <title> 元素可定义文档的标题。 它是 <head> 标签中唯一要求包含的东西。


分享到:
评论

相关推荐

    header 标签使用说明.docx

    `&lt;header&gt;` 标签是 HTML5 中新增的一个结构化元素,用于定义文档或文档中某一部分的头部(页眉)。它可以包含一系列介绍性的内容,例如网站名称、logo、搜索表单、导航链接等。 #### 二、基本语法 ```html &lt;header...

    HTML语言剖析 HTML标签讲解以及其应用示例

    在这个"HTML语言剖析 HTML标签讲解以及其应用示例"的课程或资源中,我们将深入学习这些关键知识点。 首先,我们从基础开始,HTML的基本结构由&lt;!DOCTYPE&gt;声明、&lt;html&gt;元素、元素和元素组成。&lt;!DOCTYPE&gt;定义了文档...

    header和meta头部信息

    1. **源码分析**:如何在实际项目中使用`&lt;header&gt;`和`&lt;meta&gt;`标签,以及它们在不同框架(如React、Vue等)中的应用。 2. **调试工具**:开发者可以使用浏览器的开发者工具检查和修改`&lt;header&gt;`和`&lt;meta&gt;`标签,以便...

    HTML5标签(chm版)

    例如,HTML4中的许多表现性标签如`&lt;font&gt;`和`&lt;center&gt;`在HTML5中已被废弃,取而代之的是更语义化的标签。同时,HTML5增加了对现代Web应用的支持,如离线存储、Web Workers(后台线程)和Web Storage(本地存储)等。...

    公用的header和footer

    在移动应用开发中,"公用的header和footer"是一个常见的设计模式,特别是在使用App Framework进行构建时。App Framework是一个轻量级的JavaScript库,旨在帮助开发者快速、高效地创建跨平台的移动应用。它提供了丰富...

    查找html标签和可以查看html里的内容

    - HTML5的新标签和功能,如&lt;header&gt;、、、、、、等,这些增强了网页的结构和多媒体支持。 - 样式控制,包括CSS基础、选择器、盒模型、布局模式(如Flexbox和Grid)等,以及如何将CSS应用于HTML元素。 - JavaScript和...

    HTML标签查询软件

    HTML5是当前广泛使用的版本,引入了许多新的标签,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`、`&lt;article&gt;`、`&lt;aside&gt;`等,增强了语义性和可访问性。这些新标签让网页结构更清晰,对搜索引擎优化(SEO)和移动设备友好性有...

    21秋《HTML5开发基础与应用》离线作业1.docx

    在本资源中,要求学生通过实践 HTML5 语义化标签和页面布局,来获得 HTML5 开发基础与应用的知识和经验。 本资源主要关注 HTML5 开发基础与应用的离线作业1,涵盖了 HTML5 语义化标签的使用、页面布局、边区域文章...

    HTML常用标签和属性PPT

    HTML标签是HTML中的基本元素,通常由尖括号包围,如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等。这些标签定义了网页的结构,例如`&lt;html&gt;`是整个HTML文档的根元素,`&lt;head&gt;`包含文档元信息,而`&lt;body&gt;`则包含了网页可见的内容。...

    struts1.x标签库详解

    * bean:header 标签:取回请求中名称为 name 的 header 的值。 * bean:parameter 标签:取回请求中名称为 name 的参数的值。 HTML Tags HTML Tags 库包含的标签可以用来创建 Struts 输入表单。 * html:base 标签...

    mint-ui-header示例

    标题 "mint-ui-header示例" 暗示我们要讨论的是 Mint UI 框架中的 Header 组件的应用。Mint UI 是一套基于 Vue.js 的移动端组件库,它为开发者提供了丰富的预设组件,帮助构建优雅的移动端应用。在本示例中,我们将...

    实用html5标签代码参照表

    在HTML5中,一些旧的、非语义化的标签如`&lt;font&gt;`、`&lt;center&gt;`被废弃,取而代之的是更加语义化的标签,例如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;article&gt;`和`&lt;section&gt;`等。这些新标签使得页面结构更加清晰,对搜索引擎优化...

    Html标签一览表

    以上只是HTML标签的一部分,实际中还有更多标签用于实现更复杂的功能,如响应式设计、交互性等。HTML5引入了许多新标签,旨在使语义更加清晰,提高可读性和无障碍性。通过学习和熟练掌握这些标签,可以创建出丰富...

    ListHeader2

    总的来说,列表头(ListHeader2)在IT领域扮演着关键的角色,无论是在网页还是移动应用中,都是用户理解和操作数据列表的关键元素。开发人员需要考虑其设计的可读性、交互性和响应性,以提供优秀的用户体验。为了...

    Web前端开发中HTML5的应用探讨_陈庚.pdf

    语义化标签使开发者能够使用结构化的代码来描述页面的不同部分,比如&lt;header&gt;、、和,这不仅使得代码更加易于理解,也有助于搜索引擎更好地抓取页面内容。 在Web前端开发设计中,HTML5配合CSS3和JavaScript等技术,...

    DIV标签中应用CSS样式设计.pdf

    本篇文章将深入探讨如何在`DIV`标签中应用CSS样式设计,以帮助初学者理解和掌握纯CSS布局。 首先,理解CSS处理页面布局的原理至关重要。CSS的设计理念是将内容的结构与外观表现分离,使得内容具有语义性,而样式则...

    IE9之前的版本兼容HTML5标签

    在实际应用中,除了使用html5.js,还可以结合其他技术来增强兼容性,例如使用Modernizr库来检测浏览器对HTML5特性的支持,根据支持程度来决定是否使用替代方案。此外,还可以利用CSS前缀(如-moz-, -webkit-等)来为...

    PHP自动跳转 header和Meta以及script各方法

    除了 PHP 的 `header()` 函数外,还可以利用 HTML 中的 `&lt;meta&gt;` 标签来实现页面的自动跳转。这种方式通常用于服务器端不支持 PHP 或其他脚本语言的情况下。 **基本语法**: ```html 时间秒数; url=目标地址"&gt; ```...

    HTML5应用开发技术-初识HTML5.pptx

    并列关系则是同级元素,如HTML5结构中的`&lt;header&gt;`、`&lt;nav&gt;`等。 4. **HTML5的新特性** - **新增标签**:如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;section&gt;`等,这些标签增强了页面的结构性和语义性。 - **媒体元素**:`...

Global site tag (gtag.js) - Google Analytics