"html5"相关教程
HTML5中不支持<big>标签在HTML4中用于定义更大的文本。浏览器支持IEFirefoxChromeSafariOpera所有浏览器都支持<big>标签。定义和用法<big>标签呈现大号字体效果。使用<big>标签可以很容易地放大字体。这简直不能再简单了:浏览器显示包含在<big>标签和其相应的</big>标签之间的文字时,其字体比周围的文字要大一号。但是,如果文字已经是最大号字体,这个<big>标签将不起...
HTML5中不支持<center>标签在HTML4中用于居中对齐文本。浏览器支持IEFirefoxChromeSafariOpera所有浏览器都支持<center>标签。定义和用法对其所包括的文本进行水平居中。HTML与XHTML之间的差异在HTML4.01中,center元素不被赞成使用。在XHTML1.0StrictDTD中,center元素不被支持。提示和注释:注释:提示:请使用CSS样式来居中文本!标准属性id, class, title,&n...
HTML5中不支持<dir>标签在HTML4中用于列出目录标题。实例目录列表:<dir> <li>HTML</li> <li>XHTML</li> <li>CSS</li></dir>亲自试一试浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持<dir...
定义和用法<i>标签显示斜体文本效果。<i>标签和基于内容的样式标签<em>类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。提示:<i>标签一定要和结束标签</i>结合起来使用。参阅请参阅HTML5参考手册,了解有关<i>标签的最新信息:HTML5<i>标签浏览器支持元素ChromeIEFiref...
实例<nav><a href="index.php">Home</a><a href="html5_meter.asp">Previous</a><a href="html5_noscript.asp">Next</a></nav>亲自试一试浏览器支持元素ChromeIEFirefoxSafariOpera<...
什么是视口?视口(viewport)是用户在网页上的可见区域。视口随设备而异,在移动电话上会比在计算机屏幕上更小。在平板电脑和手机之前,网页仅设计为用于计算机屏幕,并且网页拥有静态设计和固定大小是很常见的。然后,当我们开始使用平板电脑和手机上网时,固定大小的网页太大了,无法适应视口。为了解决这个问题,这些设备上的浏览器会按比例缩小整个网页以适合屏幕大小。这并不是完美的!勉强是一种快速的修正。设置视口HTML5引入了一种方法,使Web设计者可以通过<meta>标签来...
ASCII是Internet上计算机之间使用的第一个字符集(编码标准)。ISO-8859-1(HTML4.01中默认)和UTF-8(HTML5中默认)都是基于ASCII构建的。ASCII字符集ASCII指的是“美国信息交换标准代码”(AmericanStandardCodeforInformationInterchange)。它是在20世纪60年代初设计的,是计算机和电子设备的标准字符集。ASCII是包含128个字符的7位字符集。它包含从0-9的数字,从A到Z的大写和小写英文字母以及一些特殊字符...
Canvas和SVG都允许您在浏览器中创建图形,但是它们在根本上是不同的。SVGSVG是一种使用XML描述2D图形的语言。SVG基于XML,这意味着SVGDOM中的每个元素都是可用的。您可以为某个元素附加JavaScript事件处理器。在SVG中,每个被绘制的图形均被视为对象。如果SVG对象的属性发生变化,那么浏览器能够自动重现图形。CanvasCanvas通过JavaScript来绘制2D图形。Canvas是逐像素进行渲染的。在canvas中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。...
HTML本地存储:优于cookies。什么是HTML本地存储?通过本地存储(LocalStorage),web应用程序能够在用户浏览器中对数据进行本地的存储。在HTML5之前,应用程序数据只能存储在cookie中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前提下将大量数据存储于本地。与cookie不同,存储限制要大得多(至少5MB),并且信息不会被传输到服务器。本地存储经由起源地(origin)(经由域和协议)。所有页面,从起源地,能够存储和访问相同的数据。浏览器支持表格中的...
使用应用程序缓存,通过创建cachemanifest文件,可轻松创建web应用的离线版本。什么是应用程序缓存?HTML5引入了应用程序缓存(ApplicationCache),这意味着可对web应用进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势:离线浏览-用户可在应用离线时使用它们速度-已缓存资源加载得更快减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源浏览器支持表格中的数字指示完全支持应用程序缓存的首个浏览器版本。APIApplicationCache4.0...
Webworker是运行在后台的JavaScript,不会影响页面的性能。什么是WebWorker?当在HTML页面中执行脚本时,页面是不可响应的,直到脚本已完成。Webworker是运行在后台的JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时webworker运行在后台。浏览器支持表格中的数字指示完全支持WebWorker的首个浏览器版本。APIWebWorker4.010.03.54.011.5HTMLWebWorkers实例...
Server-Sent事件允许网页从服务器获得更新。Server-Sent事件-OneWayMessagingServer-Sent事件指的是网页自动从服务器获得更新。以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过Server-Sent事件,更新能够自动到达。例如:Facebook/Twitter更新、股价更新、新的博文、赛事结果,等等。浏览器支持表格中的数字指示完全支持server-sent事件的首个浏览器。APISSE6.0不支持6.05.011.5接收Server-Sen...
为了正确显示HTML页面,浏览器必须知道要使用的字符集(编码):实例<meta charset="UTF-8">HTML字符集HTML5规范鼓励Web开发人员使用UTF-8字符集!然而并非一直如此。早期Web的字符编码为ASCII。后来,从HTML2.0到HTML4.01,ISO-8859-1被视为标准字符集。有了XML和HTML5,UTF-8终于出现并解决了许多字符编码问题。最初:ASCII计算机数据以二进制代码(01000101)...
HTML5中不支持<noframes>标签在HTML4中用作不支持框架的浏览器的后备标签。实例<frameset cols = "25%, 25%,*"> <noframes> <body>Your browser does not handle frames!</body> ...
实例正在进行的下载:<progress value="22" max="100"></progress>亲自试一试浏览器支持元素ChromeIEFirefoxSafariOpera<progress>8.010.016.06.011.0定义和用法<progress>标签标示任务的进度(进程)。HTML4.01与HTML5之间的差异<progress>标签是HTML5中的新标签。...