关闭

关闭

关闭

封号提示

内容

首页 HTML5教程.doc

HTML5教程.doc

HTML5教程.doc

上传者: 跃海翔空 2012-07-05 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《HTML5教程doc》,可适用于IT/计算机领域,主题内容包含HTML教程HTML简介HTML是下一代的HTML。什么是HTML?HTML将成为HTML、XHTML以及HTMLDOM的新标准。HTML的上一个版符等。

HTML教程HTML简介HTML是下一代的HTML。什么是HTML?HTML将成为HTML、XHTML以及HTMLDOM的新标准。HTML的上一个版本诞生于年。自从那以后Web世界已经经历了巨变。HTML仍处于完善之中。然而大部分现代浏览器已经具备了某些HTML支持。HTML是如何起步的?HTML是WC与WHATWG合作的结果。编者注:WC指WorldWideWebConsortium万维网联盟。编者注:WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序而WC专注于XHTML。在年双方决定进行合作来创建一个新版本的HTML。为HTML建立的一些规则:•新特性应该基于HTML、CSS、DOM以及JavaScript。•减少对外部插件的需求(比如Flash)•更优秀的错误处理•更多取代脚本的标记•HTML应该独立于设备•开发进程应对公众透明新特性HTML中的一些有趣的新特性:•用于绘画的canvas元素•用于媒介回放的video和audio元素•对本地离线存储的更好的支持•新的特殊内容元素比如article、footer、header、nav、section•新的表单控件比如calendar、date、time、email、url、search浏览器支持最新版本的Safari、Chrome、Firefox以及Opera支持某些HTML特性。InternetExplorer将支持某些HTML特性。HTML视频许多时髦的网站都提供视频。HTML提供了展示视频的标准。Web上的视频直到现在仍然不存在一项旨在网页上显示视频的标准。今天大多数视频是通过插件(比如Flash)来显示的。然而并非所有浏览器都拥有同样的插件。HTML规定了一种通过video元素来包含视频的标准方法。视频格式当前video元素支持两种视频格式:InternetExplorerFirefoxOperaChromeSafariOggXXXMPEGXXOgg=带有Thedora视频编码和Vorbis音频编码的Ogg文件MPEG=带有H视频编码和AAC音频编码的MPEG文件如何工作如需在HTML中显示视频您所有需要的是:<videosrc="movieogg"controls="controls"><video>control属性供添加播放、暂停和音量控件。包含宽度和高度属性也是不错的主意。<video>与<video>之间插入的内容是供不支持video元素的浏览器显示的:实例<videosrc="movieogg"width=""height=""controls="controls">Yourbrowserdoesnotsupportthevideotag<video>上面的例子使用一个Ogg文件适用于Firefox、Opera以及Chrome浏览器。要确保适用于Safari浏览器视频文件必须是MPEG类型。video元素允许多个source元素。source元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:实例<videowidth=""height=""controls="controls"><sourcesrc="movieogg"type="videoogg"><sourcesrc="moviemp"type="videomp">Yourbrowserdoesnotsupportthevideotag<video>InternetExplorerInternetExplorer不支持video元素。在IE中将提供对使用MPEG的video元素的支持。<video>标签的属性属性值描述autoplayautoplay如果出现该属性则视频在就绪后马上播放。controlscontrols如果出现该属性则向用户显示控件比如播放按钮。heightpixels设置视频播放器的高度。looploop如果出现该属性则当媒介文件完成播放后再次开始播放。preloadpreload如果出现该属性则视频在页面加载时进行加载并预备播放。如果使用"autoplay"则忽略该属性。srcurl要播放的视频的URL。widthpixels设置视频播放器的宽度。HTML音频HTML提供了播放音频的标准。Web上的音频直到现在仍然不存在一项旨在网页上播放音频的标准。今天大多数音频是通过插件(比如Flash)来播放的。然而并非所有浏览器都拥有同样的插件。HTML规定了一种通过audio元素来包含音频的标准方法。audio元素能够播放声音文件或者音频流。视频格式当前audio元素支持三种音频格式:InternetExplorerFirefoxOperaChromeSafariOggVorbisXXXMPXXWavXXX如何工作如需在HTML中播放音频您所有需要的是:<audiosrc="songogg"controls="controls"><audio>control属性供添加播放、暂停和音量控件。<audio>与<audio>之间插入的内容是供不支持audio元素的浏览器显示的:实例<audiosrc="songogg"controls="controls">Yourbrowserdoesnotsupporttheaudiotag<audio>上面的例子使用一个Ogg文件适用于Firefox、Opera以及Chrome浏览器。要确保适用于Safari浏览器音频文件必须是MP或Wav类型。audio元素允许多个source元素。source元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式:实例<audiocontrols="controls"><sourcesrc="songogg"type="audioogg"><sourcesrc="songmp"type="audiompeg">Yourbrowserdoesnotsupporttheaudiotag<audio>InternetExplorerInternetExplorer不支持audio元素。在IE中将提供对audio元素的支持。<audio>标签的属性属性值描述autoplayautoplay如果出现该属性则音频在就绪后马上播放。controlscontrols如果出现该属性则向用户显示控件比如播放按钮。preloadpreload如果出现该属性则音频在页面加载时进行加载并预备播放。如果使用"autoplay"则忽略该属性。srcurl要播放的音频的URL。HTMLCanvascanvas元素用于在网页上绘制图形。什么是Canvas?HTML的canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向HTML页面添加canvas元素。规定元素的id、宽度和高度:<canvasid="myCanvas"width=""height=""><canvas>通过JavaScript来绘制canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成:<scripttype="textjavascript">varc=documentgetElementById("myCanvas")varcxt=cgetContext("d")cxtfillStyle="#FF"cxtfillRect(,,,)<script>JavaScript使用id来寻找canvas元素:varc=documentgetElementById("myCanvas")然后创建context对象:varcxt=cgetContext("d")getContext("d")对象是内建的HTML对象拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。下面的两行代码绘制一个红色的矩形:cxtfillStyle="#FF"cxtfillRect(,,,)fillStyle方法将其染成红色fillRect方法规定了形状、位置和尺寸。理解坐标上面的fillRect方法拥有参数(,,,)。意思是:在画布上绘制x的矩形从左上角开始(,)。如下图所示画布的X和Y坐标用于在画布上对绘画进行定位。实例:把鼠标悬停在矩形上可以看到坐标更多Canvas实例下面的在canvas元素上进行绘画的更多实例:实例线条通过指定从何处开始在何处结束来绘制一条线:JavaScript代码:<scripttype="textjavascript">varc=documentgetElementById("myCanvas")varcxt=cgetContext("d")cxtmoveTo(,)cxtlineTo(,)cxtlineTo(,)cxtstroke()<script>canvas元素:<canvasid="myCanvas"width=""height=""style="border:pxsolid#ccc">Yourbrowserdoesnotsupportthecanvaselement<canvas>亲自试一试实例圆形通过规定尺寸、颜色和位置来绘制一个圆:JavaScript代码:<scripttype="textjavascript">varc=documentgetElementById("myCanvas")varcxt=cgetContext("d")cxtfillStyle="#FF"cxtbeginPath()cxtarc(,,,,MathPI*,true)cxtclosePath()cxtfill()<script>canvas元素:<canvasid="myCanvas"width=""height=""style="border:pxsolid#ccc">Yourbrowserdoesnotsupportthecanvaselement<canvas>亲自试一试实例渐变使用您指定的颜色来绘制渐变背景:JavaScript代码:<scripttype="textjavascript">varc=documentgetElementById("myCanvas")varcxt=cgetContext("d")vargrd=cxtcreateLinearGradient(,,,)grdaddColorStop(,"#FF")grdaddColorStop(,"#FF")cxtfillStyle=grdcxtfillRect(,,,)<script>canvas元素:<canvasid="myCanvas"width=""height=""style="border:pxsolid#ccc">Yourbrowserdoesnotsupportthecanvaselement<canvas>亲自试一试实例图像把一幅图像放置到画布上:JavaScript代码:<scripttype="textjavascript">varc=documentgetElementById("myCanvas")varcxt=cgetContext("d")varimg=newImage()imgsrc="flowerpng"cxtdrawImage(img,,)<script>canvas元素:<canvasid="myCanvas"width=""height=""style="border:pxsolid#ccc">Yourbrowserdoesnotsupportthecanvaselement<canvas>HTMLWeb存储在客户端存储数据HTML提供了两种在客户端存储数据的新方法:localStorage没有时间限制的数据存储sessionStorage针对一个session的数据存储之前这些都是由cookie完成的。但是cookie不适合大量数据的存储因为它们由每个对服务器的请求来传递这使得cookie速度很慢而且效率也不高。在HTML中数据不是由每个服务器请求传递的而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站数据存储于不同的区域并且一个网站只能访问其自身的数据。HTML使用JavaScript来存储和访问数据。localStorage方法localStorage方法存储的数据没有时间限制。第二天、第二周或下一年之后数据依然可用。如何创建和访问localStorage:实例<scripttype="textjavascript">localStoragelastname="Smith"documentwrite(localStoragelastname)<script>下面的例子对用户访问页面的次数进行计数:实例<scripttype="textjavascript">if(localStoragepagecount){localStoragepagecount=Number(localStoragepagecount)}else{localStoragepagecount=}documentwrite("Visits"localStoragepagecount"time(s)")<script>sessionStorage方法sessionStorage方法针对一个session进行数据存储。当用户关闭浏览器窗口后数据会被删除。如何创建并访问一个sessionStorage:实例<scripttype="textjavascript">sessionStoragelastname="Smith"documentwrite(sessionStoragelastname)<script>下面的例子对用户在当前session中访问页面的次数进行计数:实例<scripttype="textjavascript">if(sessionStoragepagecount){sessionStoragepagecount=Number(sessionStoragepagecount)}else{sessionStoragepagecount=}documentwrite("Visits"sessionStoragepagecount"time(s)thissession")<script>HTMLInput类型HTML新的Input类型HTML拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:emailurlnumberrangeDatepickers(date,month,week,time,datetime,datetimelocal)searchcolor浏览器支持InputtypeIEFirefoxOperaChromeSafariemailNoNoNoNourlNoNoNoNonumberNoNoNoNorangeNoNoDatepickersNoNoNoNosearchNoNoNoNoNocolorNoNoNoNoNo注释:Opera对新的输入类型的支持最好。不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持仍然可以显示为常规的文本域。Input类型emailemail类型用于应该包含email地址的输入域。在提交表单时会自动验证email域的值。实例Email:<inputtype="email"name="useremail">提示:iPhone中的Safari浏览器支持email输入类型并通过改变触摸屏键盘来配合它(添加和com选项)。Input类型urlurl类型用于应该包含URL地址的输入域。在提交表单时会自动验证url域的值。实例Homepage:<inputtype="url"name="userurl">提示:iPhone中的Safari浏览器支持url输入类型并通过改变触摸屏键盘来配合它(添加com选项)。Input类型numbernumber类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定:实例Points:<inputtype="number"name="points"min=""max="">请使用下面的属性来规定对数字类型的限定:属性值描述maxnumber规定允许的最大值minnumber规定允许的最小值stepnumber规定合法的数字间隔(如果step=""则合法的数是,,,等)valuenumber规定默认值提示:iPhone中的Safari浏览器支持number输入类型并通过改变触摸屏键盘来配合它(显示数字)。Input类型rangerange类型用于应该包含一定范围内数字值的输入域。range类型显示为滑动条。您还能够设定对所接受的数字的限定:实例<inputtype="range"name="points"min=""max="">请使用下面的属性来规定对数字类型的限定:属性值描述maxnumber规定允许的最大值minnumber规定允许的最小值stepnumber规定合法的数字间隔(如果step=""则合法的数是,,,等)valuenumber规定默认值Input类型DatePickers(数据检出器)HTML拥有多个可供选取日期和时间的新输入类型:date选取日、月、年month选取月、年week选取周和年time选取时间(小时和分钟)datetime选取时间、日、月、年(UTC时间)datetimelocal选取时间、日、月、年(本地时间)下面的例子允许您从日历中选取一个日期:实例Date:<inputtype="date"name="userdate">输入类型"month":输入类型"week":输入类型"time":输入类型"datetime":输入类型"datetimelocal":Input类型searchsearch类型用于搜索域比如站点搜索或Google搜索。search域显示为常规的文本域。HTML表单元素HTML的新的表单元素:HTML拥有若干涉及表单的元素和属性。本章介绍以下新的表单元素:datalistkeygenoutput浏览器支持InputtypeIEFirefoxOperaChromeSafaridatalistNoNoNoNokeygenNoNoNooutputNoNoNoNodatalist元素datalist元素规定输入域的选项列表。列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域请用输入域的list属性引用datalist的id:实例Webpage:<inputtype="url"list="urllist"name="link"><datalistid="urllist"><optionlabel="WSchool"value="http:wwwWSchoolcomcn"><optionlabel="Google"value="http:wwwgooglecom"><optionlabel="Microsoft"value="http:wwwmicrosoftcom"><datalist>提示:option元素永远都要设置value属性。keygen元素keygen元素的作用是提供一种验证用户的可靠方法。keygen元素是密钥对生成器(keypairgenerator)。当提交表单时会生成两个键一个是私钥一个公钥。私钥(privatekey)存储于客户端公钥(publickey)则被发送到服务器。公钥可用于之后验证用户的客户端证书(clientcertificate)。目前浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。实例<formaction="demoformasp"method="get">Username:<inputtype="text"name="usrname">Encryption:<keygenname="security"><inputtype="submit"><form>output元素output元素用于不同类型的输出比如计算或脚本输出:实例<outputid="result"onforminput="resCalc()"><output>HTML表单属性HTML的新的表单属性本章讲解涉及<form>和<input>元素的新属性。新的form属性:•autocomplete•novalidate新的input属性:•autocomplete•autofocus•form•formoverrides(formaction,formenctype,formmethod,formnovalidate,formtarget)•height和width•list•min,max和step•multiple•pattern(regexp)•placeholder•required浏览器支持InputtypeIEFirefoxOperaChromeSafariautocompleteautofocusNoNoformNoNoNoNoformoverridesNoNoNoNoheightandwidthlistNoNoNoNomin,maxandstepNoNoNomultipleNoNonovalidateNoNoNoNoNopatternNoNoNoplaceholderNoNoNorequiredNoNoNoautocomplete属性autocomplete属性规定form或input域应该拥有自动完成功能。注释:autocomplete适用于<form>标签以及以下类型的<input>标签:text,search,url,telephone,email,password,datepickers,range以及color。当用户在自动完成域中开始输入时浏览器应该在该域中显示填写的选项:实例<formaction="demoformasp"method="get"autocomplete="on">Firstname:<inputtype="text"name="fname"><br>Lastname:<inputtype="text"name="lname"><br>Email:<inputtype="email"name="email"autocomplete="off"><br><inputtype="submit"><form>注释:在某些浏览器中您可能需要启用自动完成功能以使该属性生效。autofocus属性autofocus属性规定在页面加载时域自动地获得焦点。注释:autofocus属性适用于所有<input>标签的类型。实例Username:<inputtype="text"name="username"autofocus="autofocus">form属性form属性规定输入域所属的一个或多个表单。注释:form属性适用于所有<input>标签的类型。form属性必须引用所属表单的id:实例<formaction="demoformasp"method="get"id="userform">Firstname:<inputtype="text"name="fname"><inputtype="submit"><form>Lastname:<inputtype="text"name="lname"form="userform">注释:如需引用一个以上的表单请使用空格分隔的列表。表单重写属性表单重写属性(formoverrideattributes)允许您重写form元素的某些属性设定。表单重写属性有:formaction重写表单的action属性formenctype重写表单的enctype属性formmethod重写表单的method属性formnovalidate重写表单的novalidate属性formtarget重写表单的target属性注释:表单重写属性适用于以下类型的<input>标签:submit和image。实例<formaction="demoformasp"method="get"id="userform">Email:<inputtype="email"name="userid"><br><inputtype="submit"value="Submit"><br><inputtype="submit"formaction="demoadminasp"value="Submitasadmin"><br><inputtype="submit"formnovalidate="true"value="Submitwithoutvalidation"><br><form>注释:这些属性对于创建不同的提交按钮很有帮助。height和width属性height和width属性规定用于image类型的input标签的图像高度和宽度。注释:height和width属性只适用于image类型的<input>标签。实例<inputtype="image"src="imgsubmitgif"width=""height="">list属性list属性规定输入域的datalist。datalist是输入域的选项列表。注释:list属性适用于以下类型的<input>标签:text,search,url,telephone,email,datepickers,number,range以及color。实例Webpage:<inputtype="url"list="urllist"name="link"><datalistid="urllist"><optionlabel="WSchools"value="http:wwwwschoolcomcn"><optionlabel="Google"value="http:wwwgooglecom"><optionlabel="Microsoft"value="http:wwwmicrosoftcom"><datalist>min、max和step属性min、max和step属性用于为包含数字或日期的input类型规定限定(约束)。max属性规定输入域所允许的最大值。min属性规定输入域所允许的最小值。step属性为输入域规定合法的数字间隔(如果step=""则合法的数是,,,等)。注释:min、max和step属性适用于以下类型的<input>标签:datepickers、number以及range。下面的例子显示一个数字域该域接受介于到之间的值且步进为(即合法的值为、、和):实例Points:<inputtype="number"name="points"min=""max=""step="">multiple属性multiple属性规定输入域中可选择多个值。注释:multiple属性适用于以下类型的<input>标签:email和file。实例Selectimages:<inputtype="file"name="img"multiple="multiple">novalidate属性novalidate属性规定在提交表单时不应该验证form或input域。注释:novalidate属性适用于<form>以及以下类型的<input>标签:text,search,url,telephone,email,password,datepickers,range以及color实例<formaction="demoformasp"method="get"novalidate="true">Email:<inputtype="email"name="useremail"><inputtype="submit"><form>pattern属性pattern属性规定用于验证input域的模式(pattern)。模式(pattern)是正则表达式。您可以在我们的JavaScript教程中学习到有关正则表达式的内容。注释:pattern属性适用于以下类型的<input>标签:text,search,url,telephone,email以及password。下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):实例Countrycode:<inputtype="text"name="countrycode"pattern="Az{}"title="Threelettercountrycode">placeholder属性placeholder属性提供一种提示(hint)描述输入域所期待的值。注释:placeholder属性适用于以下类型的<input>标签:text,search,url,telephone,email以及password。提示(hint)会在输入域为空时显示出现会在输入域获得焦点时消失:实例<inputtype="search"name="usersearch"placeholder="SearchWSchool">required属性required属性规定必须在提交之前填写输入域(不能为空)。注释:required属性适用于以下类型的<input>标签:text,search,url,telephone,email,password,datepickers,number,checkbox,radio以及file。实例Name:<inputtype="text"name="usrname"required="required">HTML参考手册WC在月日发布了最新的HTML工作草案。HTML工作组包括AOL,Apple,Google,IBM,Microsoft,Mozilla,Nokia,Opera以及数百个其他的开发商。HTML中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储以及交互式文档。其他特性包括新的页面元素比如<header>,<section>,<footer>,以及<figure>。通过制定如何处理所有HTML元素以及如何从错误中恢复的精确规则HTML改进了互操作性并减少了开发成本。按字母顺序排列•:指示在HTML中是否定义了该元素•:指示在HTML中是否定义了该元素标签描述<!>定义注释。<!DOCTYPE>定义文档类型。<a>定义超链接。<abbr>定义缩写。<acronym>HTML中不支持。定义首字母缩写。<address>定义地址元素。<applet>HTML中不支持。定义applet。<area>定义图像映射中的区域。<article>定义article。<aside>定义页面内容之外的内容。<audio>定义声音内容。<b>定义粗体文本。<base>定义页面中所有链接的基准URL。<basefont>HTML中不支持。请使用CSS代替。<bdo>定义文本显示的方向。<big>HTML中不支持。定义大号文本。<blockquote>定义长的引用。<body>定义body元素。<br>插入换行符。<button>定义按钮。<canvas>定义图形。<caption>定义表格标题。<center>HTML中不支持。定义居中的文本。<cite>定义引用。<code>定义计算机代码文本。<col>定义表格列的属性。<colgroup>定义表格列的分组。<command>定义命令按钮。<datalist>定义下拉列表。<dd>定义定义的描述。<del>定义删除文本。<details>定义元素的细节。<dfn>定义定义项目。<dir>HTML中不支持。定义目录列表。<div>定义文档中的一个部分。<dl>定义定义列表。<dt>定义定义的项目。<em>定义强调文本。<embed>定义外部交互内容或插件。<fieldset>定义fieldset。<figcaption>定义figure元素的标题。<figure>定义媒介内容的分组以及它们的标题。<font>HTML中不支持。<footer>定义section或page的页脚。<form>定义表单。<frame>HTML中不支持。定义子窗口(框架)。<frameset>HTML中不支持。定义框架的集。<h>to<h>定义标题到标题。<head>定义关于文档的信息。<header>定义section或page的页眉。<hgroup>定义有关文档中的section的信息。<hr>定义水平线。<html>定义html文档。<i>定义斜体文本。<iframe>定义行内的子窗口(框架)。<img>定义图像。<input>定义输入域。<ins>定义插入文本。<keygen>定义生成密钥。<isindex>HTML中不支持。定义单行的输入域。<kbd>定义键盘文本。<label>定义表单控件的标注。<legend>定义fieldset中的标题。<li>定义列表的项目。<link>定义资源引用。<map>定义图像映射。<mark>定义有记号的文本。<menu>定义菜单列表。<meta>定义元信息。<meter>定义预定义范围内的度量。<nav>定义导航链接。<noframes>HTML中不支持。定义noframe部分。<noscript>定义noscript部分。<object>定义嵌入对象。<ol>定义有序列表。<optgroup>定义选项组。<option>定义下拉列表中的选项。<output>定义输出的一些类型。<p>定义段落。<param>为对象定义参数。<pre>定义预格式化文本。<progress>定义任何类型的任务的进度。<q>定义短的引用。<rp>定义若浏览器不支持ruby元素显示的内容。<rt>定义ruby注释的解释。<ruby>定义ruby注释。<s>HTML中不支持。定义加删除线的文本。<samp>定义样本计算机代码。<script>定义脚本。<section>定义section。<select>定义可选列表。<small>定义小号文本。<source>定义媒介源。<span>定义文档中的section。<strike>HTML中不支持。定义加删除线的文本。<strong>定义强调文本。<style>定义样式定义。<sub>定义下标文本。<summary>定义details元素的标题。<sup>定义上标文本。<table>定义表格。<tbody>定义表格的主体。<td>定义表格单元。<textarea>定义textarea。<tfoot>定义表格的脚注。<th>定义表头。<thead>定义表头。<time>定义日期时间。<title>定义文档的标题。<tr>定义表格行。<tt>HTML中不支持。定义打字机文本。<u>HTML中不支持。定义下划线文本。<ul>定义无序列表。<var>定义变量。<video>定义视频。<xmp>HTML中不支持。定义预格式文本。HTML标准属性所有HTML标签均支持下面列出的属性仅有少数例外。HTML标准属性NEW:HTML中新的标准属性。注释:HTML不再支持accesskey属性:属性值描述accesskeycharacter规定访问元素的键盘快捷键classclassname规定元素的类名(用于规定样式表中的类)。contenteditable•true•false规定是否允许用户编辑内容。contextmenumenuid规定元素的上下文菜单。datayourvaluevalue创作者定义的属性。HTML文档的创作者可以定义他们自己的属性。必须以"data"开头。dir•ltr•rtl规定元素中内容的文本方向。draggable•true•false•auto规定是否允许用户拖动元素。hiddenhidden规定该元素是无关的。被隐藏的元素不会显示。idid规定元素的唯一ID。item•empty•url用于组合元素。itemprop•url•groupvalue用于组合项目。langlanguagecode规定元素中内容的语言代码。语言代码参考手册。spellcheck•true•false规定是否必须对元素进行拼写或语法检查。stylestyledefinition规定元素的行内样式。subjectid规定元素对应的项目。tabindexnumber规定元素的tab键控制次序。titletext规定有关元素的额外信息。HTML事件属性标准事件属性HTML增加了通过事件触发浏览器中行为的能力比如当用户点击某个元素时启动一段JavaScript。下面的表格列出了可插入HTML元素中以定义事件行为的标准事件属性。Window事件属性window对象触发的事件。适用于<body>标签:属性值描述onafterprintscript在打印文档之后运行脚本onbeforeprintscript在文档打印之前运行脚本onbeforeonloadscript在文档加载之前运行脚本onblurscript当窗口失去焦点时运行脚本onerrorscript当错误发生时运行脚本onfocusscript当窗口获得焦点时运行脚本onhaschangescript当文档改变时运行脚本onloadscript当文档加载时运行脚本onmessagescript当触发消息时运行脚本onofflinescript当文档离线时运行脚本ononlinescript当文档上线时运行脚本onpagehidescript当窗口隐藏时运行脚本onpageshowscript当窗口可见时运行脚本onpopstatescript当窗口历史记录改变时运行脚本onredoscript当文档执行再执行操作(redo)时运行脚本onresizescript当调整窗口大小时运行脚本onstoragescript当文档加载加载时运行脚本onundoscript当文档执行撤销操作时运行脚本onunloadscript当用户离开文档时运行脚本表单事件由HTML表单内部的动作触发的事件。适用于所有HTML元素不过最常用于表单元素中:属性值描述onblurscript当元素失去焦点时运行脚本onchangescript当元素改变时运行脚本oncontextmenuscript当触发上下文菜单时运行脚本onfocusscript当元素获得焦点时运行脚本onformchangescript当表单改变时运行脚本onforminputscript当表单获得用户输入时运行脚本oninputscript当元素获得用户输入时运行脚本oninvalidscript当元素无效时运行脚本onresetscript当表单重置时运行脚本。HTML不支持。onselectscript当选取元素时运行脚本onsubmitscript当提交表单时运行脚本键盘事件由键盘触发的事件。适用于所有HTML元素:属性值描述onkeydownscript当按下按键时运行脚本onkeypressscript当按下并松开按键时运行脚本onkeyupscript当松开按键时运行脚本鼠标事件由鼠标货相似的用户动作触发的事件。适用于所有HTML元素:属性值描述onclickscript当单击鼠标时运行脚本ondblclickscript当双击鼠标时运行脚本ondragscript当拖动元素时运行脚本ondragendscript当拖动操作结束时运行脚本ondragenterscript当元素被拖动至有效的拖放目标时运行脚本ondragleavescript当元素离开有效拖放目标时运行脚本ondragoverscript当元素被拖动至有效拖

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/38
1下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部