学习小结20150921--声明和头部元素
来源:互联网 发布:美工设计岗位要求 编辑:程序博客网 时间:2024/06/02 00:02
<!DOCTYPE> 声明
HTML <!DOCTYPE>
<!DOCTYPE> 声明帮助浏览器正确地显示网页。
Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。
HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
常用的声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 头部元素
HTML 头部元素
标签
描述
<head>
定义关于文档的信息。
<title>
定义文档标题。
<base>
定义页面上所有链接的默认地址或默认目标。
<link>
定义文档与外部资源之间的关系。
<meta>
定义关于 HTML 文档的元数据。
<script>
定义客户端脚本。
<style>
定义文档的样式信息。
HTML <head> 标签
<head> 标签用于定义文档的头部,它是所有头部元素的容器。
<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。
提示和注释
提示:应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。
HTML <title> 标签
定义和用法
<title> 元素可定义文档的标题。
title 元素能够:
· 定义浏览器工具栏中的标题
· 提供页面被添加到收藏夹时显示的标题
· 显示在搜索引擎结果中的页面标题
<title> 标签是 <head> 标签中唯一要求包含的东西。
HTML <base> 标签
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
必需的属性
属性
值
描述
href
URL
规定页面中所有相对链接的基准 URL。
可选的属性
属性
值
描述
target
· _blank
· _parent
· _self
· _top
· framename
在何处打开页面中所有的链接。
HTML <link> 标签
定义和用法
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
提示和注释
link 元素是空元素,它仅包含属性。
此元素只能存在于 head 部分,不过它可出现任何次数。
属性
href
URL
规定被链接文档的位置。
rel
· alternate
· author
· help
· icon
· licence
· next
· pingback
· prefetch
· prev
· search
· sidebar
· stylesheet
· tag
规定当前文档与被链接文档之间的关系。
type
MIME_type
规定被链接文档的 MIME 类型。
HTML <meta> 标签
定义和用法
元数据(metadata)是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据,<meta>标签位于文档的头部,不包含任何内容。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
<meta> 标签的属性定义了与文档相关联的名称/值对。
提示和注释:
注释:<meta> 标签永远位于 head 元素内部。
注释:元数据总是以名称/值的形式被成对传递的。
必需的属性
属性
值
描述
content
some_text
定义与 http-equiv 或 name 属性相关的元信息
可选的属性
属性
值
描述
http-equiv
· content-type
· expires
· refresh
· set-cookie
把 content 属性关联到 HTTP 头部。
name
· author
· description
· keywords
· generator
· revised
· others
把 content 属性关联到一个名称。
scheme
some_text
定义用于翻译 content 属性值的格式。
name 属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:
<meta http-equiv="charset" content="iso-8859-1"><meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type: text/htmlcharset:iso-8859-1expires:31 Dec 2008
当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。
HTML <script> 标签
定义和用法
<script> 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
必选的属性
属性
值
描述
type
MIME-type
MIME 类型,其中一些值:
text/javascript
text/ecmascript
application/ecmascript
application/javascript
text/vbscript
指示脚本的 MIME 类型。
HTML <style> 标签
定义和用法
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
提示和注释
提示:如需链接外部样式表,请使用 <link> 标签。
必需的属性
属性
值
描述
type
text/css
规定样式表的 MIME 类型。
- 学习小结20150921--声明和头部元素
- HTML学习笔记(十二)头部元素
- HTML头部声明文档类型、语言和字符集的方法
- 网页头部的声明
- HTML头部声明文件类型
- html的学习小结(2):HTML 头部
- 滑动ListView自动隐藏页面头部和底部元素
- HTML 头部元素
- HTML头部元素
- <html>头部元素
- HTML头部元素
- HTML头部元素
- HTML头部元素
- 手机版头部声明细则
- 适合H5的头部声明
- 变量为什么要分开在头部和is部分两个地方声明呢?
- HTML基本结构、头部元素
- html标签之头部元素
- caffe-将图片转化为siamese网络需要的数据库格式
- mininet运行报错
- 12款免费与开源的NoSQL数据库介绍
- LeetCode 283----Move Zeroes
- 两款Flash上传插件(1)--CFUpdate文件批量上传组件
- 学习小结20150921--声明和头部元素
- MBProgressHUD第三方库源码分析
- 【网络技术】网络技术简析
- 【设计模式】——依赖倒转原则
- Spring RedirectAttributes: addAttribute vs addFlashAttribute
- sudo: /etc/sudoers is mode 0777, should be 0440终极解决之道
- Java____小数位、百分号相关
- eclipse中读取nutch爬取的数据内容
- 摄氏温度转化为相应的华氏温度