甚么是html？

html是一类单纯accuracy，使用方便的记号词汇，它是自学后端科学知识的首站，也是大部份WEB合作开发相关人员、以至商品副经理、营运相关人员要自学的几项此基础文本。

为甚么自学html5？

1. html5是WEB合作开发相关人员，要掌控的此基本科学知识；

2. html5应用领域广为，它能用以合作开发中文网站、WEB应用领域、WEB格斗游戏之类，如QQ小流程、终端端迷你格斗游戏等都跟html5相关；

3. html5很难掌控，花两个半小时就能掌控它；

专业课程特征

1. 客座教授听课艺术风格风趣，整座自学操作过程随心所欲有意思，不乏味、不无趣；

2. 以劳工市场为取向，与两栖作战并重，满足用户绝大部分学生的自学市场需求；

自学提议

1. 修完每四节专业课程，亲自动手将标识符打两遍；

2. 总结经验，修完两节专业课程，思索呵呵它的应用领域情景；

3. 顺利完成Nabugabo专业课程，打声他们写两个纯html5的页面；

适于群体

1. 零此基础学生；

2. 后端爱好者；

1、DOCTYPE描述文档的类型，规定web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

页面能使用的具体版本，页面中能使用那些记号，每个版本的DTD版本均有不同

2、<html></html> 页面文档中的根记号

html 标签有三个特殊的属性　　

manifest 指定页面缓存文件，能让用户离线的时候也能访问文件。xmlns 设置html名空间，比如把页面设置成xhml的时候能使用这个值。lang 设置页面的描述词汇，比如中文是zh；英文是en。

3、<head></head>头部标签在页面中只能有两个，设置HTML文档的头部信息，里面文本不会在页面中显示出来·。

head里面的记号

4、<body></body>只能有两个，显示页面的主体文本。

（一）、<meta>标签

<meta>元素的属性：

name 描述信息的名称，来记号这是两个甚么样的信息http-equiv 描述行为content 描述的文本charset 指定页面的编码

1、name 属性

1 <meta name=“author” content=“nyw”> 2 <!–作者，定义页面的作者 –> 3 <meta name=“description” content=“meta记号自学”> 4 <!– 描述，描述页面的实际文本 –> 5 <meta name=“keywords” content=“HTML,meta”> 6 <!– 关键字，定义页面关键字 –>

2、http-equiv属性

1 <meta http-equiv=“refresh” content=“30”> 2 <!– 页面30s后自动刷新 –> 3 <meta http-equiv=“refresh” content=“5,url=dom.html”> 4 <!– 页面30秒后跳转到dom.html文档 –>

<meta http-equiv=”refresh” content=”5,url=dom.html”>

http-equiv描述页面的行为，行为 refresh刷新，文本为5，表示5秒后跳转到 dom.html这个文档。

3、content 属性

特殊属性

content-type 指定http头部信息的文字编码（最为常用）default-style指定优先使用的样式单（stylesheet）refresh 用于页面的自动刷新或是页面跳转set-cookie 设置页面的cookie（现在已经不再推荐使用）

4、charset属性

指定页面的编码，推荐使用UTF-8来增加页面的兼容性。

标识符实例：

为搜索引擎抓取机器人准备一些信息

这段标识符能禁止搜索引擎缓存和跟踪页面。

标识符实例：

1 <!DOCTYPE html> 2 <html lang=“en”> 3 <head> 4 <meta charset=“UTF-8”> 5 <title>网页标题(显示在浏览器上)</title> 6 <meta name=“author” content=“nyw”> 7 <!–作者，定义页面的作者 –> 8 <meta name=“description” content=“meta记号自学”> 9 <!– 描述，描述页面的实际文本 –> 10 <meta name=“keywords” content=“HTML,meta”> 11 <!– 关键字，定义页面关键字 –> 12 <meta http-equiv=“refresh” content=“30”> 13 <!– 页面30s后自动刷新 –> 14 <meta http-equiv=“refresh” content=“5,url=dom.html”> 15 <!– 页面30秒后跳转到dom.html文档 –> 16 <meta name=“robots” content=“noindex,nofollow”> 17 <!– name定义的是机器人，文本部分表示不要被搜索引擎缓存，也不要被搜索引擎跟踪 –> 18 </head> 19 <body> 20 </body> 21 </html>

（二）、title、base记号

title和base记号都是写在head标签中

title：设置页面的标题

写法：<title>文本</title>。

base：指定页面跳转基准URL，如果不指定的话默认为当前中文网站的当前路径。

写法：<base href=”http://www.aaa.zzz/”>

base属性值：

href 指定页面跳转到基准URL，如果不指定的话则默认为当前中文网站的当前路径。

<base href=”http://baidu.com/”> 这是将页面跳转到百度的中文网站打开。

target 指定链接的跳转帧如果不指定的话，则是在当前页面中跳转。

<base target=”_blank”> 页面中的链接都应该在新的窗口中打开。

terget属性值：

_blank 在新窗口中打开被链接的文档_self 默认值，在相同框架中打开被链接的文档_parent 在父框架集中_top 在整座窗口中打开被链接文档·framename 在指定框架中打开被链接文档

（三）、link记号

link记号：链接外部文件时使用的记号，能把外部文件的文本引入到当前文件中来，使当前页面实现更多的功能。

link属性：

href：指定链接外部路径的路径和文件名，要设置全路径并且带文件名

rel：引用文件，引用资源的类型定义

我们在使用link标签引用外部文件的时候，外部文件的类型是多种多样的。

alternate 代替文档（种子，其他词汇版本，其他格式之类）

author 页面的作者

help 帮助文件的链接

icon 页面的图标

next 如果是连续页面的时候，指定下两个页面

prefetch 把链接外部资源时提前缓存起来。

prev 如果是连续页面

media 链接文件或是资源属于哪一类资源。

hreflang 链接文件的词汇种类

type 链接文件的mi/me类型（比如说，图片图标文本）

sizes 根据link链接文件的类型，来指定文件的大小

标识符示例：

链接页面图标：

中文网站的图标指定，能显示在浏览器的图标栏，也能被手机读取作为中文网站的图标存入收藏夹1<!– 中文网站的图标指定，能显示在浏览器的图标栏，也能被手机读取作为中文网站的图标存入收藏夹 –> 2 <link rel=“icon”> 3 <!– 示例 –> 4 <link rel=“icon” href=“img/favicon.png” type=“image/png”> 5 <link rel=“shortcut icon” href=“img/favicon.ico” type=“image/x-icon”> 6 <link rel=“apple-touch-icon” href=“img/apple-touch-icon.png” type=“image/png”>

注意：后面的href和前面type标注的类型要一致，这样既能显示在浏览器，又能显示在手机上

链接外部样式单

1 <link rel=“stylesheet”> 2 <link rel=“stylesheet” href=“style1.css” media=“screen”> 3 <link rel=“stylesheet” href=“style2.css” title=“主题样式文件”> 4 <link rel=” alternate stylesheet” href=“style3.css” title=“可选样式单”>

说明：

alternate 会在浏览器中会弹出两个对话框，供用户能进行选择

media 表示媒体类型为屏幕，能是手机，但不包括打印机和投影仪

title 对这个link进行单纯的说明

中文网站RSS种子指定

<!– 中文网站RSS种子指定 –> <link rel=“alternate” type=“application/rss+xml”>

为搜索引擎的准备的页面的URL