HTML 元素和有效 DOCTYPES
HTML 元素 - 有效 DOCTYPES
下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它们会出现在什么文档类型 (!DOCTYPE) 中:
HTML 4.01 / XHTML 1.0
Tag
HTML5
Transitional
Strict
Frameset
XHTML 1.1
Related Articles
2024-12-07
HTML(5)代码规范
HTML(5) 代码规范 HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少。在2000年至2010年,许多Web开发人员从 HTML 转换到 XHTML。使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。而针对于 HTML5 ,我们应该形成比较好的代码规范,以下提供了几种规范的建议。 使用正确的文档类型文档类型声明位于HTML文档的第一行: 如果你想跟其他标签一样使用小写,可以使用以下代码: 使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母: 混合了大小写的风格是非常糟糕的。开发人员通常使用小写 (类似 XHTML)。小写风格看起来更加清爽。小写字母容易编写。 不推荐: 这是一个段落。 非常糟糕: 这是一个段落。 推荐: 这是一个段落。 关闭所有 HTML 元素在 HTML5 中, 你不一定要关闭所有元素 (例如 元素),但我们建议每个元素都要添加关闭标签。不推荐: 这是一个段落。 这是一个段落。 推荐: 这是一个段落。 这是一个段落。 关闭空的...
2024-12-07
HTML-XHTML
HTML - XHTML XHTML 是以 XML 格式编写的 HTML。 什么是 XHTML? XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是 2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持 为什么使用 XHTML?因特网上的很多页面包含了”糟糕”的 HTML。如果在浏览器中查看,下面的 HTML 代码运行起来非常正常(即使它并未遵守 HTML 规则): 这是一个不规范的 HTML 不规范的 HTML 这是一个段落 XML 是一种必须正确标记且格式良好的标记语言。如果希望学习 XML,请阅读我们的 XML 教程。今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行,而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释”糟糕”的标记语言的资源和能力。所以 - 通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的...
2024-12-07
HTML5Audio(音频)
HTML5 Audio(音频) HTML5 提供了播放音频文件的标准。 互联网上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准,即使用 元素。 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 元素.注意: Internet Explorer 8 及更早IE版本不支持 元素. HTML5 Audio - 如何工作如需在 HTML5 中播放音频,你需要使用以下代码: 实例 您的浏览器不支持 audio 元素。 尝试一下 » control 属性供添加播放、暂停和音量控件。在 与 之间你需要插入浏览器不支持的元素的提示文本 。 元素允许使用多个 元素. 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件 音频格式及浏览器支持目前, 元素支持三种音频格式文件: MP3, Wav, 和...
2024-12-07
HTML5Canvas
HTML5 Canvas 标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。在画布上(Canvas)画一个红色矩形,渐变矩形,彩色矩形,和一些彩色的文字。 你的浏览器不支持 HTML5 的 元素. 什么是 canvas? HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。 浏览器支持表格中的数字表示支持 元素的第一个浏览器版本号。 元素 4.0 9.0 2.0 3.1 9.0 创建一个画布(Canvas)一个画布在网页中是一个矩形框,通过 元素来绘制.注意: 默认情况下 元素没有边框和内容。简单实例如下: 注意: 标签通常需要指定一个id属性 (脚本中经常引用),width 和 height 属性定义的画布的大小.提示:你可以在HTML页面中使用多个 元素.使用 style 属性来添加边框: 实例 尝试一下 » 使用 JavaScript 来绘制图像canvas...
2024-12-07
HTML5Geolocation(地理定位)
HTML5 Geolocation(地理定位) HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation(地理定位).注意: Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。 HTML5 - 使用地理定位请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例,可返回用户位置的经度和纬度: 实例 var x=document.getElementById(“demo”);function getLocation(){if...
2024-12-07
HTML5WebSocket
HTML5 WebSocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。现在,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。HTML5 定义的 WebSocket 协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯。 浏览器通过 JavaScript...