不管是什么类型的文件,都需要规范,这样我们写出来的标签才能被浏览器或者其他解析器解析出来,html文档类型有三种。
1.html 5 :<!DOCTYPE html>
2.HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
3.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></title>
</head>
<boby>
</boby>
</html>
这是它的基本结构,当然我们要想实现很多功能,单单这样是不够的,首先我们应该跟浏览器打交道,还要跟搜索引擎打交道。所以我们应该会有这方面的标签,没错,我们需要在head中加入一些标签才能实现上面的功能。
1 .http-equiv对应浏览器
<meta http-equiv="content-type" content="text/html" charset="gb2312"/> 向浏览器表明了要以text显示以及编码为gb2312
<meta http-equiv="refresh" content="3" url="http://www.baidu.com"/>表示在本页面三秒后跳转到百度
<meta http-equiv="prama" content="no-cache" />表示一旦离开该网页,就不能从本地缓存中阅读该页面内容
<meta http-equiv="expries" content="GMT格式时间"/>表示过了指定时间在本地就过期了
<meta http-equiv="set-cookies" content="GMT格式时间"/>表示过了规定时间该cookies就被删除了
2.name对应搜索引擎
<meta name="keywords" content="html,javascript,css"/>等于是告诉搜索引擎的该网页的关键字是什么,方便搜索引擎根据关键词找到该网页
<meta name="description" content="xx某某网页是教我们如何能快速对html上手,并能写出自己想要设计的网页。">
<meta name="generator" content="dw"/>表示开发该网页的工具
<meta name="author" content="lwy"/>表示开发该网页的作者
<meta name="copyright" content="xx"/>表示已经验证过该网页的机构
<meta name= "Robots " content= "all|none|index|noindex|follow|nofollow ">表示该网页是否允许搜索引擎检索和里面的链接是否被查询。
以上就是我们常用的一些头信息设置,不常用的就不写了,毕竟幅度有限。
3 接着我们讲boby里面常用的标签:
<p>段落
<hr>横线
<h#>标题
<br>换行
<font>字体
<table>表格
<tr>行
<td>列
<form>表单
action:
method:get|post
target:_blank新窗口 _self本窗口_parent父窗口_top浏览器窗口
<input>输入
type:text button|submit|reset|file|hidden|image|radio|checkbox|password
name: checked
value:
<textarea>
cols:
rows:
name:
wrap:
<select>下拉条 默认单选
name:
size:
multiple
<option value="xx" selected</option>
<img>
src:
arl:
height:
width:
border:
align:
<a>链接
href:
name:
<div>块 换行
<span>内联不换行
<ol>菜单
<ul>
<li>菜单项
<frameset>框架
<frame>页面
html 5增加了一些新的特性,也就是一些新的标签。
<video> 视频
<audio> 音频
<img draggable="true" />拖放
<canvas>画布
<svg> SVG放大 放小图片不失真
地理定位:定位
Web 存储:可以替换cookies 可以不向服务器请求数据
应用缓存:可以缓存网页内容
离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
Web Workers:
当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。
web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。
服务器发送事件:
Server-Sent 事件指的是网页自动获取来自服务器的更新。
这就是我们常用的标签,具体的属性我们不讲。因为属性的创建一般是通过css来实现的.
1.html 5 :<!DOCTYPE html>
2.HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
3.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></title>
</head>
<boby>
</boby>
</html>
这是它的基本结构,当然我们要想实现很多功能,单单这样是不够的,首先我们应该跟浏览器打交道,还要跟搜索引擎打交道。所以我们应该会有这方面的标签,没错,我们需要在head中加入一些标签才能实现上面的功能。
1 .http-equiv对应浏览器
<meta http-equiv="content-type" content="text/html" charset="gb2312"/> 向浏览器表明了要以text显示以及编码为gb2312
<meta http-equiv="refresh" content="3" url="http://www.baidu.com"/>表示在本页面三秒后跳转到百度
<meta http-equiv="prama" content="no-cache" />表示一旦离开该网页,就不能从本地缓存中阅读该页面内容
<meta http-equiv="expries" content="GMT格式时间"/>表示过了指定时间在本地就过期了
<meta http-equiv="set-cookies" content="GMT格式时间"/>表示过了规定时间该cookies就被删除了
2.name对应搜索引擎
<meta name="keywords" content="html,javascript,css"/>等于是告诉搜索引擎的该网页的关键字是什么,方便搜索引擎根据关键词找到该网页
<meta name="description" content="xx某某网页是教我们如何能快速对html上手,并能写出自己想要设计的网页。">
<meta name="generator" content="dw"/>表示开发该网页的工具
<meta name="author" content="lwy"/>表示开发该网页的作者
<meta name="copyright" content="xx"/>表示已经验证过该网页的机构
<meta name= "Robots " content= "all|none|index|noindex|follow|nofollow ">表示该网页是否允许搜索引擎检索和里面的链接是否被查询。
以上就是我们常用的一些头信息设置,不常用的就不写了,毕竟幅度有限。
3 接着我们讲boby里面常用的标签:
<p>段落
<hr>横线
<h#>标题
<br>换行
<font>字体
<table>表格
<tr>行
<td>列
<form>表单
action:
method:get|post
target:_blank新窗口 _self本窗口_parent父窗口_top浏览器窗口
<input>输入
type:text button|submit|reset|file|hidden|image|radio|checkbox|password
name: checked
value:
<textarea>
cols:
rows:
name:
wrap:
<select>下拉条 默认单选
name:
size:
multiple
<option value="xx" selected</option>
<img>
src:
arl:
height:
width:
border:
align:
<a>链接
href:
name:
<div>块 换行
<span>内联不换行
<ol>菜单
<ul>
<li>菜单项
<frameset>框架
<frame>页面
html 5增加了一些新的特性,也就是一些新的标签。
<video> 视频
<audio> 音频
<img draggable="true" />拖放
<canvas>画布
<svg> SVG放大 放小图片不失真
地理定位:定位
Web 存储:可以替换cookies 可以不向服务器请求数据
应用缓存:可以缓存网页内容
离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
Web Workers:
当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。
web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。
服务器发送事件:
Server-Sent 事件指的是网页自动获取来自服务器的更新。
这就是我们常用的标签,具体的属性我们不讲。因为属性的创建一般是通过css来实现的.