HTML5 - 基础总结 - 基本介绍+head头部元素

参考总结:http://www.w3school.com.cn/h.asp

目录

HTML and HTML5

html框架

html头部元素(head内)

- title:定义文档标题

- base:定义页面上所有链接的默认地址或默认目标

- target:规定在何处打开页面上的所有链接。

- link:定义文档与外部资源(外链样式表等)之间的关系

- style:定义文档的样式信息(内联样式表)

- meta:定义关于html文档的元数据

- content属性

- name属性

- http-equiv属性

- scheme属性

- scirpt:定义客户端脚本(插入JS)


HTML and HTML5

html :HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

 

html标签:HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

 

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

html5:html的一个版本,HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

html5 新特性:

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search

html框架





	
	Document






html头部元素(head内)

元素是所有头部元素的容器。 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

以下标签都可以添加到 head 部分:、<base>、<link>、<meta>、<script> 以及 <style>。</p> </blockquote> <h2 id="-%20%3Ctitle%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E6%A0%87%E9%A2%98">- title:定义文档标题</h2> <pre class="has"><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <!-- 防止乱码 --> <meta charset="utf-8"> <title>定义文档标题


- base:定义页面上所有链接的默认地址或默认目标

定义和用法

标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括

标签中的 URL。

HTML5 - 基础总结 - 基本介绍+head头部元素_第1张图片




    
	定义文档标题
	
	



	
	

HTML5 - 基础总结 - 基本介绍+head头部元素_第2张图片

- target:规定在何处打开页面上的所有链接。

HTML5 - 基础总结 - 基本介绍+head头部元素_第3张图片


- link:定义文档与外部资源(外链样式表等)之间的关系

  • link 元素是空元素,它仅包含属性。
  • 此元素只能存在于 head 部分,不过它可出现任何次数。



	
	定义文档标题
	
	
	
	
	  

	
	
        
        





 

HTML5 - 基础总结 - 基本介绍+head头部元素_第4张图片


- style:定义文档的样式信息(内联样式表)

hello style

hello h5

HTML5 - 基础总结 - 基本介绍+head头部元素_第5张图片

HTML5 - 基础总结 - 基本介绍+head头部元素_第6张图片


- meta:定义关于html文档的元数据

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

注:

  • 标签永远位于 head 元素内部。
  • 元数据总是以名称/值的形式被成对传递的。



	定义文档标题

	
	  
	
     
    
	  
	
	
	
	

	
	
	  
	
	 

	
	





HTML5 - 基础总结 - 基本介绍+head头部元素_第7张图片

- content属性

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。

content 属性始终要和 name 属性或 http-equiv 属性一起使用。

- name属性

name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:

如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。

- http-equiv属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:


这样发送到浏览器的头部就应该包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。

- scheme属性

scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 标签的 profile 属性指定的概况文件中进行了定义。


- scirpt:定义客户端脚本(插入JS)

HTML5 - 基础总结 - 基本介绍+head头部元素_第8张图片


 

你可能感兴趣的:(HTML5)