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>
属性:
属性 | 值 | 描述 |
name | author, description, keywords, generator, revised | 提供了名称/值对中的名称。最常用到的是"keywords",它为搜索引擎提供关键字 |
http-equiv | content-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>` 标签是 HTML5 中新增的一个结构化元素,用于定义文档或文档中某一部分的头部(页眉)。它可以包含一系列介绍性的内容,例如网站名称、logo、搜索表单、导航链接等。 #### 二、基本语法 ```html <header...
在这个"HTML语言剖析 HTML标签讲解以及其应用示例"的课程或资源中,我们将深入学习这些关键知识点。 首先,我们从基础开始,HTML的基本结构由<!DOCTYPE>声明、<html>元素、元素和元素组成。<!DOCTYPE>定义了文档...
1. **源码分析**:如何在实际项目中使用`<header>`和`<meta>`标签,以及它们在不同框架(如React、Vue等)中的应用。 2. **调试工具**:开发者可以使用浏览器的开发者工具检查和修改`<header>`和`<meta>`标签,以便...
例如,HTML4中的许多表现性标签如`<font>`和`<center>`在HTML5中已被废弃,取而代之的是更语义化的标签。同时,HTML5增加了对现代Web应用的支持,如离线存储、Web Workers(后台线程)和Web Storage(本地存储)等。...
在移动应用开发中,"公用的header和footer"是一个常见的设计模式,特别是在使用App Framework进行构建时。App Framework是一个轻量级的JavaScript库,旨在帮助开发者快速、高效地创建跨平台的移动应用。它提供了丰富...
- HTML5的新标签和功能,如<header>、、、、、、等,这些增强了网页的结构和多媒体支持。 - 样式控制,包括CSS基础、选择器、盒模型、布局模式(如Flexbox和Grid)等,以及如何将CSS应用于HTML元素。 - JavaScript和...
HTML5是当前广泛使用的版本,引入了许多新的标签,如`<header>`、`<footer>`、`<nav>`、`<article>`、`<aside>`等,增强了语义性和可访问性。这些新标签让网页结构更清晰,对搜索引擎优化(SEO)和移动设备友好性有...
在本资源中,要求学生通过实践 HTML5 语义化标签和页面布局,来获得 HTML5 开发基础与应用的知识和经验。 本资源主要关注 HTML5 开发基础与应用的离线作业1,涵盖了 HTML5 语义化标签的使用、页面布局、边区域文章...
HTML标签是HTML中的基本元素,通常由尖括号包围,如`<html>`、`<head>`、`<body>`等。这些标签定义了网页的结构,例如`<html>`是整个HTML文档的根元素,`<head>`包含文档元信息,而`<body>`则包含了网页可见的内容。...
* bean:header 标签:取回请求中名称为 name 的 header 的值。 * bean:parameter 标签:取回请求中名称为 name 的参数的值。 HTML Tags HTML Tags 库包含的标签可以用来创建 Struts 输入表单。 * html:base 标签...
标题 "mint-ui-header示例" 暗示我们要讨论的是 Mint UI 框架中的 Header 组件的应用。Mint UI 是一套基于 Vue.js 的移动端组件库,它为开发者提供了丰富的预设组件,帮助构建优雅的移动端应用。在本示例中,我们将...
在HTML5中,一些旧的、非语义化的标签如`<font>`、`<center>`被废弃,取而代之的是更加语义化的标签,例如`<header>`、`<footer>`、`<article>`和`<section>`等。这些新标签使得页面结构更加清晰,对搜索引擎优化...
以上只是HTML标签的一部分,实际中还有更多标签用于实现更复杂的功能,如响应式设计、交互性等。HTML5引入了许多新标签,旨在使语义更加清晰,提高可读性和无障碍性。通过学习和熟练掌握这些标签,可以创建出丰富...
总的来说,列表头(ListHeader2)在IT领域扮演着关键的角色,无论是在网页还是移动应用中,都是用户理解和操作数据列表的关键元素。开发人员需要考虑其设计的可读性、交互性和响应性,以提供优秀的用户体验。为了...
语义化标签使开发者能够使用结构化的代码来描述页面的不同部分,比如<header>、、和,这不仅使得代码更加易于理解,也有助于搜索引擎更好地抓取页面内容。 在Web前端开发设计中,HTML5配合CSS3和JavaScript等技术,...
本篇文章将深入探讨如何在`DIV`标签中应用CSS样式设计,以帮助初学者理解和掌握纯CSS布局。 首先,理解CSS处理页面布局的原理至关重要。CSS的设计理念是将内容的结构与外观表现分离,使得内容具有语义性,而样式则...
在实际应用中,除了使用html5.js,还可以结合其他技术来增强兼容性,例如使用Modernizr库来检测浏览器对HTML5特性的支持,根据支持程度来决定是否使用替代方案。此外,还可以利用CSS前缀(如-moz-, -webkit-等)来为...
除了 PHP 的 `header()` 函数外,还可以利用 HTML 中的 `<meta>` 标签来实现页面的自动跳转。这种方式通常用于服务器端不支持 PHP 或其他脚本语言的情况下。 **基本语法**: ```html 时间秒数; url=目标地址"> ```...
并列关系则是同级元素,如HTML5结构中的`<header>`、`<nav>`等。 4. **HTML5的新特性** - **新增标签**:如`<article>`、`<aside>`、`<section>`等,这些标签增强了页面的结构性和语义性。 - **媒体元素**:`...