html5初始的简单介绍

PHP HTML5 websocket怎么初始化,老是失败

apache自己就有,还需要去配置么? windows下,直接下载安装,默认配置即可。 linux下,我习惯用centos,你直接yum install httpd php php-mysql,按y搞定一切。

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、成都网站制作、界首网络推广、微信小程序、界首网络营销、界首企业策划、界首品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供界首建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

html发展历史

一、发展历史

html发展历史1980年,物理学家蒂姆·伯纳斯-李在欧洲核子研究中心(CERN)在承包工程期间,为使CERN的研究人员使用并共享文档,他提出并创建原型系统ENQUIRE。1989年,伯纳斯-李在一份备忘录中提出一个基于互联网的超文本系统。他规定HTML并在1990年底写出浏览器和服务器软件。同年,伯纳斯-李与CERN的数据系统工程师罗伯特·卡里奥联合为项目申请资助,但未被CERN正式批准。在他的个人笔记中伯纳斯-李列举“一些使用超文本的领域”,并把百科全书列为首位。

HTML的首个公开描述出现于一个名为“HTML标签”的文件中,由蒂姆·伯纳斯-李于1991年底提及。它描述18个元素,包括HTML初始的、相对简单的设计。除了超链接标签外,其他设计都深受CERN内部一个以标准通用标记语言(SGML)为基础的文件格式SGMLguid的影响。这些元素在HTML 4中仍有11个存在。

伯纳斯-李认为HTML是SGML的一个应用程序。1993年中期互联网工程任务组(IETF)发布首个HTML规范的提案:“超文本标记语言(HTML)”互联网草案,由伯纳斯-李与丹·康纳利撰写。其中包括一个SGML文档类型定义来定义语法[11]。草案于6个月后过期,不过值得注意的是其对NCSA Mosaic浏览器自定义标签从而将在线图像嵌入的行为的认可,这反映IETF把标准立足于成功原型的理念。同样,戴夫·拉格特在1993年末提出的与之竞争的互联网草案“HTML+(超文本标记格式)”建议规范已经实现的功能,如表格与填写表单。

在HTML和HTML+的草案于1994年初到期后,IETF创建一个HTML工作组,并在1995年完成”HTML 2.0”,这是第一个旨在成为对其后续实现标准的依据的HTML规范。

在IETF的主持下,HTML标准的进一步发展因竞争利益而遭受停滞。自1996年起,HTML规范一直由万维网联盟(W3C)维护,并由商业软件厂商出资。不过在2000年,HTML也成为国际标准(ISO/ IEC15445:2000)。HTML 4.01于1999年末发布,进一步的勘误版本于2001年发布。2004年,网页超文本应用技术工作小组(WHATWG)开始开发HTML5,并在2008年与W3C共同交付,2014年10月28日完成标准化。

二、版本时间线

1995年11月24日

HTML 2.0作为IETF RFC 1866发布。追加RFC的附加功能:

1995年11月25日:RFC 1867(基于表单的文件上传)

1996年5月:RFC 1942(表格)

1996年8月:RFC 1980(客户端图像映射)

1997年1月:RFC 2070(国际化)

1997年1月14日

HTML 3.2 作为W3C推荐标准发布。

这是首个完全由W3C开发并标准化的版本,因IETF于1996年9月12日关闭它的HTML工作组。

最初代号为“威尔伯”(Wilbur),HTML 3.2 完全去除数学公式,协调各种专有扩展,并采用网景设计的大多数视觉标记标签。由于两家公司达成了协议,网景的闪烁元素和微软的滚动元素被移除。HTML对数学公式的支持最后成为另外一种被称为MathML的标准。

1997年12月18日

HTML 4.0作为W3C推荐标准发布。它提供三种变化:

严格,过时的元素被禁止。

过渡,过时的元素被允许。

框架集,大多只与框架相关的元素被允许。

最初代号“美洲狮”(Cougar), HTML 4.0采用许多特定浏览器的元素类型和属性,并试图淘汰网景的视觉标记功能,将其标记为不赞成使用。HTML 4是遵循ISO 8879 - SGML的SGML应用程序。

1998年4月24日

HTML 4.0进行微调,不增加版本号。

1999年12月24日

HTML 4.01作为W3C推荐标准发布。它同样提供三种变化,最终勘误版于2001年5月12日发布。

2000年5月

ISO/IEC 15445:2000(”ISO HTML”,基于HTML 4.01严格版)作为ISO/IEC国际标准发布。在ISO中这一标准位于ISO/IEC JTC 1/SC 34域(ISO/IEC联合技术委员会1、小组委员会34 – 文档描述与处理语言)。

2014年10月28日

HTML 5作为W3C推荐标准发布。

三、草案时间线

1991年10月

HTML标签,一个非正式CERN文件首次公开18个HTML标签。

1992年6月

HTML DTD的首个非正式草案, 后续有七个修订版(7月15日,8月6日,8月18日,11月17日,11月19日,11月20日,11月22日)。

1992年11月

HTML DTD 1.1(首个版本号,基于RCS修订版,版本号从1.1开始而非1.0),非正式草案。

1993年6月

超文本标记语言由IETF IIIR工作小组作为互联网草案(一个粗略的建议标准)。在被第二版取代一个月后,IETF又发布6个草案,最终在RFC1866中发布HTML 2.0。

1993年11月

HTML+由IETF作为互联网草案发布,是超文本标记语言草案的一个竞争性提案。它于1994年5月到期。

1995年4月 (1995年3月编写)

HTML 3.0被提议作为IETF的标准,但直到提案在五个月过期后(1995年9月28日)仍没有进一步的行动。它包含许多拉格特HTML+提案的功能,如对表格的支持、围绕数据的文本流和复杂的数学公式的显示。W3C开始开发自己的Arena浏览器作为HTML 3和层叠样式表的试验台[,但HTML 3.0并没有获得成功。浏览器厂商,包括微软和网景,选择实现HTML3草案功能的不同子集并引入它们自己的插件(见浏览器大战)。

2008年1月

HTML5由W3C作为工作草案(链接)发布。虽然HTML5的语法非常类似于SGML,但它已经放弃任何成为SGML应用程序的尝试,除了一种替代的基于XML的HTML5序列,它已明确定义自己的“HTML”序列。

2011年 HTML5 – 最终征求

2011年5月,工作小组将HTML5推进至“最终征求”(Last Call)阶段,邀请W3C社区内外人士以确认本规范的技术可靠性。W3C开发一套综合性测试包来实现完整规范的广泛交互操作性,完整规范的目标日期为2014年。2011年1月,WHATWG将其“HTML5”活动标准重命名为“HTML”。W3C仍然继续其发布HTML5的项目。

2012年 HTML5 – 候选推荐

2012年7月,WHATWG和W3C的工作产生一定程度的分离。W3C继续HTML5规范工作,重点放在单一明确的标准上,这被WHATWG称为“快照”。WHATWG组织则将HTML5作为一个“活动标准”(Living Standard)。活动标准的概念是从未完成但永远保持更新与改进,可以蒂姆加新特性,但功能点不会被删除。

2012年12月,W3C指定HTML5作为候选推荐阶段。 该阶段的标准为“两个100%完成,完全实现交互操作”。

2014年 HTML5 – 提案推荐与推荐

2014年9月,HTML5进入提案推荐阶段。

2014年10月28日,HTML5作为稳定W3C推荐标准发布,这意味着HTML5的标准化已经完成。

四、XHTML版本

XHTML是使用XML 1.0改写自HTML 4.01的独立语言。它不再被作为单独标准开发。

XHTML 1.0, 2000年1月26日作为W3C推荐标准发布。修订版于2002年8月1日发布,它提供与HTML 4.0和4.01相同的三个变化,这些变化被重新在XML中制定。

XHTML 1.1,基于XHTML 1.0 严格版,2001年5月31日 作为W3C推荐标准发布。修订版可使用模块化XHTML的模块,2001年4月10日作为W3C推荐标准发布。

XHTML 2.0为工作草案,但为支持HTML5与XHTML5的工作,此草案被放弃。 XHTML 2.0与XHTML 1.x不兼容,因此更确切的说这是一个XHTML风格的新语言而不是XHTML 1.x的更新。

在HTML5草案中规定一个XHTML语法,称为“XHTML5.1”。

html5 range 样式怎么设置起始结束

CSS代码:

input { font-size: 14px; font-weight: bold; }

input[type=range]:before { content: attr(min); padding-right: 5px; }

input[type=range]:after { content: attr(max); padding-left: 5px;}

output {

display: block;

font-size: 5.5em;

font-weight: bold;

}

HTML代码:

form method="post"

h4音量控制/h4

input type="range" name="range" min="0" max="10" step="1" value="" /

output name="result" /output

/form

JS代码:

(function() {

var f = document.forms[0],

range = f['range'],

result = f['result'],

cachedRangeValue = localStorage.rangeValue ? localStorage.rangeValue : 5;

// 检测浏览器是否是足够酷

// 识别range input.

var o = document.createElement('input');

o.type = 'range';

if ( o.type === 'text' ) alert('不好意思,你的浏览器还不够酷,试试最新的Opera浏览器吧。');

// 设置初始值

// 无论是否本地存储了,都设置值为5

range.value = cachedRangeValue;

result.value = cachedRangeValue;

// 当用户选择了个值,更新本地存储

range.addEventListener("mouseup", function() {

alert("你选择的值是:" + range.value + ". 我现在正在用本地存储保存此值。在现代浏览器上刷新并检测。");

localStorage ? (localStorage.rangeValue = range.value) : alert("数据保存到了数据库或是其他什么地方。");

}, false);

// 滑动时显示选择的值

range.addEventListener("change", function() {

result.value = range.value;

}, false);

})();

如何从头制作一个html5登录页面

首先要登陆自己的账号,这个工具是免注册的,微信扫一扫就登陆进去了;

进去后是模板页面,有很多有趣好玩的模板;

点击“我的”进入个人空间;

添加新折页。模板中有很多好玩的游戏,所以我们选择做一个相册;

可以扫码看一下初始的效果,决定了之后点击“开始制作”;

每一个标签页都有自己的内容,可以通过删除和复制自己控制模板的规格;

上传素材替换掉模板中的内容;

可以实时在手机上预览效果;

保存折页的时候记得修改页面上的信息;

好的制作者可是会利用这些信息吸引眼球哦~

在手机上预览没有问题后就可以直接右上角分享给朋友啦!~

html5入门教程(八)history详解

HTML5新添加了对历史的管理,用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如,提高了用户体验。

通过haschange事件,可以知道URL的参数什么时候发生了变化,也就是什么时候该有所反应。通过状态管理的API,能够在不加载新页面的情况下改变浏览器的URL。所以需要使用history.pushState()方法。history.pushState()方法接收三个参数:1.要存的内容 2.标题(一般写个空的字符串) 3.地址(可选)。小例子如下

执行了history.pushState()方法后,新的状态信息就会被加入到历史状态栈,而浏览器地址栏也会变成新的相对URL。但是,浏览器并不会想服务器发送请求,即使历史状态改变之后查新location.href也会返回与地址栏中相同的地址。另外,第二个参数目前还没有浏览器实现,所以完全可以只传入一个空字符串即可,或者一个短标题也可以。第一个参数则应该尽可能提供初始化页面状态所需的各种信息。

因为history.pushState()方法会创建新的历史状态,所以会发现”后退”按钮也可以使用了。按下”后退”按钮,会触发window对象的popstate事件。Popstate事件的事件对象有一个state属性,这个属性就包含着当初以第一个参数传递给pushState()的状态对象。小例子如下

更新状态直接更新当前地址栏的内容,他不会产生后退操作,只是单纯修改当前地址。

要更新当前历史状态,可以调用replaceState(),传入的参数与pushState()方法的前两个参数相同。调用replaceState()不会在历史状态栈中创建新状态,只会重写当前状态。小例子如下

网上例子:

他这个还是创建了一个数组,然后把生成的内容存到数组中,在根据传的值

把数组对应的内容给读出来。

history有个问题是第一次点击是无效的,只有第二次才能起作用。这就非常的不爽了。

通常我们也不会需要他执行特别复杂的操作,反而是hash非常的好用。

hash是直接在url后面加一个#,然后立即可以被onpopstate事件检测到。

于是我们可以这样去做:

html5常用标记总结

一、文本标签

1.1 标题标记:hn align=”对齐方式”标题文本/hn

注意:

1.标题准备了h1----h6的标题,按照字号依次递减(块级元素)

2.align表示对齐方式,其值为left,center,right

1.2 字体标记:font face=”字体名称” size=”字号” color=”字体颜色” 文字/font

注意:中文网页以黑体,宋体,3号字的效果显示

1.3 段落标记:p align=”对齐方式” 段落内容/p

注意:p可以作为单标记或双标记:

单标记:段落与上文产生一个空行的间距。

双标记:段落与上下文之间产生一个空行的间距

1.4 换行标记:

注意:br /表示换行,多次换行多次使用br /

1.5 预格式化标记:pre...../pre

注意:预格式化标记可将空格、制表符、回车符等忽略

1.6 转义字符:转义字符让特殊字符显示出来。

语法:实体名称;

二、列表标记

2.1 无序列表

ul type=”列表项的标签符”

li项目一/li

li项目二/li

li项目三/li

......

/ul

注意: type表示了项目符号:

disc(默认) 实心圆

circle:空心圆

square:实心方块

2.2 有序列表:

ol type=”列表项的标记符” start=”起始值”

li项目一/li

li项目二/li

li项目三/li

......

/ol

注意:1. 1:1,2,3,.......

a:a,b,c,d,e.......

A:A,B,C,D,E.......

i:i,ii,iii,iv......

I:I,II,III,IV......

2.start表示起始值,从第几个数开始计算

2.3 嵌套排列

ol type="1"

lih/li

lit/li

ul type="disc"

lim/li

lil/li

/ul

li5/li

/ol

2.4 分割线标记:hr align=”对齐方式” size=”水平线高度” width=”水平线宽度”

color=”水平线颜色”

三、超链接标记

3.1 文本链接:a href=”目标URL” target=”目标窗口”指针文本/a

注意: 1.href表示文本链接的目标资源的URL

绝对地址和相对地址

绝对地址:在任何情况下都可以找到的地址(例如:网址)

相对地址:必须知道当前所在,才能找到(../表示上一级目录,/表示下级目录)例子:../img/baidu.jpg 表示在当前位置的上一层目录下的img文件夹中的baidu.jpg 文件。

3.2 图片标记:img src=”图片文件路径” alt=”提示文本” height=”图片高度” width=”图片宽度”/

3.3 多媒体标记

3.3.1 滚动字幕标记:marquee可以实现文字或图片的跑马灯效果

marquee..../marquee

marquee的属性:

behavior 指定了跑马灯的效果:scroll(滚动)、slide(滑动)、alternate(交替)

bgcolor:跑马灯的背景颜色

direction:跑马灯的移动方向,left(左)、right(右)、up(上)、down(下)

scrolldelay:每次移动的延迟时间,单位毫秒

loop:跑马灯运行次数,-1表示无限循环

height、width

hspace:左右空白宽度

vspace:上下空白宽度

3.3.2 嵌入音乐文件

audio src=”文件地址” 提示文字/audio

3.3.3 嵌入视频文件

video src=”视频文件地址” controls=”controls”提示文字/video

四、表格

4.1 表格基本语法:

table

tr

......

td单元格内容/td

......

/tr

/table

注意:

table:声明一个表格对象

tr:声明一行

td:声明一个单元格

4.2 表格的基本属性

1.align 对齐方式:left、center、right

2.border:表格边框

3.bordercolor:边框颜色

4.bgcolor:表格背景颜色

5.background:背景图片

6.height、width

4.3 单元格合并

1.rowspan:所跨的行数

2.colspan:所跨的列数

五、表单

5.1 表单标签:form action=”URL” method=”get|post” target=”...”/form

注意:form:该标记中包含的数据将被提交到服务器或者电子邮件中

action:指定服务器端处理提交表单信息的程序是什么。URL地址或电子邮件地址

method:get/post:数据传输到服务器的传递方法

target:服务器返回文档结果的显示位置:_blank:在新的浏览器窗口中打开

_self:在当前浏览器中显示

5.2 表单标记

5.2.1 input标签:input type=”类型” name=”服务器 获取用户输入信息的名字” value=”初始值”

注意:1.type类型(输入类型):

1. text:单行文本框

2. password:密码输入框

3. radio:单选按钮 checked表示默认

4. checkbox:复选框 checked表示默认

5. submit:提交按钮

6. reset:重置按钮

7. button:普通按钮

2.maxlength:输入的最大长度

5.2.2 select标签

select name=”” size=”” multiple

option value=”选项1” 选项1

.......

option value=”选项n” 选项n

/select

注意:name:服务器 获取用户输入信息的名字

value :初始值

option:下拉框的内容

multiple:多选,若没有multiple则是单选

selected:表示默认选项

size:表示长度

5.2.3 textarea 标签:textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”

/textarea

注意: name:多行文本框的名称

cols:一行可容纳的字符数

rows:表示可显示额的行数

wrap:virtual和phycal控制自动换行


本文题目:html5初始的简单介绍
文章地址:http://scyanting.com/article/phejpc.html