HTML(超文本标记语言)

HTML(超文本标记语言--HyperText Markup Language)是构成网页的基石,它描述并定义了网页的内容。网页的样式和功能则通常用HTML之外的技术来实现(CSS与JavaScript)。

“超文本”是指在单个网站内或网站之间将网页彼此连接的链接。链接是网络的基础。通过将内容上传到互联网,将其与他人创建的页面相链接,你将会成为万维网的积极参与者。

HTML使用“标记”来注释文本、图片和其他内容,以便于在Web浏览器中显示。HTML标记包含一些特殊“元素”如<head>,<title>,<body>,<article>,<section>,<p>,<div>,<span>,<img>,<picture> 等等。

下面的文章会帮助你更好的了解HTML:

  • HTML 参考

    在我们的HTML参考中,你可以找到所有HTML 元素和属性的详细信息。

  • HTML 指南

    查看我们的HTML学习区来了解如何使用 HTML,以及教程和完整的示例。

  • HTML 介绍

    如果您是 Web 开发新手,请务必阅读我们的HTML基础知识了解什么是 HTML 和如何使用它。

参考

HTML元素参考

浏览所有HTML元素的列表。

HTML参考

HTML由多个元素组成,每个元素都可以被多个属性修饰。HTML文档通过链接相互连接。

内联元素

HTML(超文本标记语言)元素通常分为”内联”元素和”块级”元素。内联元素只占用定义它的标签中的空间。

块级元素

块级元素占据其父级元素(容器)的全部空间,因而创造出一个"块"。

跨域图片资源权限

HTML规范为图片引入了crossorigin 属性,通过适当设置CORS头,以<img>元素标签从其他站点引入的图片,可以像本地站点加载的图片一样运用于canvas。

跨域设置属性

在HTML5中,某些提供对CORS支持的元素,如 <img> 和<video>,有一个跨域属性(crossOrigin属性),该属性允许你设置该元素获取数据时的跨域请求。

HTML表单中的拼写检查控制

Firefox 2支持web表单中文本区域(HTML <textarea> 元素)和文本字段(HTML <input> 元素)的拼写检查。用户可以指定有关属性设置拼写检查是否有效,以及对文本区域和文本字段都进行检查还是只检查文本区域。

HTML5视频动态自适应HTTP流

动态自适应HTTP流(DASH)是自适应流媒体传输协议的一种。协议允许视频流根据网络性能改变比特率,以保证视频正常播放。

HTML中的焦点管理

在HTML5的工作草案中,DOM节点activeElement的属性和hasFocus()方法使得开发者能根据用户行为,更好地处理网页交互。例如,这两者都可以用来做数据统计,统计某一网页上特定链接的点击数,计算某个元素聚焦的时间,等等。另外,当和AJAX技术结合的时候,根据用户操作和网页布局,它们可以把服务端请求次数减至最少。

全局属性

全局属性可以在所有HTML元素中被指定,甚至是在标准中没有定义的元素中。这说明任何非标准元素仍需要支持全局属性,尽管使用这些元素意味着这个文档不符合HTML5标准。例如,符合HTML5标准的浏览器会隐藏<foo hidden> ...<foo>标签之间的内容,尽管第二个标签<foo>不是一个有效的HTML元素。

HTML属性参考

HTML元素有很多属性,这些附加值能对元素进行配置或是以各种方式调整它们的行为,以符合用户的标准。

链接类型

在HTML中,以下链接类型标识出两个文档间的关系,即一个文档通过使用<a><area>或是 <link>标签链接到另一个文档。

支持媒体格式的HTML音频和视频元素

<audio>和<video>元素支持无插件播放音频和视频媒体内容。

微格式

微格式 (有时缩写为μF)是HTML标记某些实体的小模式,这些实体包括人、组织、事件、地点、博客、产品、评论、简历、食谱等。它们是在HTML中嵌套语义的简单协议,且能迅速地提供一套可被搜索引擎,聚合器等其他工具使用的API。

优化页面的预解析

传统浏览器中HTML解析器运行在主线程上,并且阻塞在</script>标签之后,直到script脚本从网络中下载并执行完成。Firefox 4及更新版本中的HTML解析器支持脱离主线程的预解析。在脚本下载和执行的时候,HTML将提前解析。在Firefox 3.5和3.6中,HTML解析器开始优先加载在文档流中识别的脚本,样式表和和图片。然而,在Firefox 4及更新版本中,HTML解析器也预先执行HTML树结构算法。这一做法的优点是当预解析成功时,就不需要重新解析已经扫描过的脚本,样式表和图片。缺点是当预解析失败,就做了许多无用的工作。

使用应用程序缓存

HTML5提供了一个应用缓存机制使得web应用可以离线运行。开发者可以使用应用缓存AppCache)接口指定浏览器需要缓存并提供给离线用户的资源。即使用户在离线时点击刷新按钮,缓存的应用可以也正常加载和工作。

查看全部...

指南和教程

我们的HTML学习区域有多个模块,从头开始教授HTML - 不需要前置知识。

HTML 介绍
该模块将使你熟悉HTML中重要的概念和语法,例如如何在文本中应用HTML、如何创建超链接以及如何使用HTML来构造网页。
多媒体及嵌入
本单元探讨如何使用HTML在网页中加入多媒体,包括嵌入图片的多种不同方式,以及如何嵌入视频,音频甚至整个其他网页。
表单
表单是Web中一个非常重要的部分,它们提供了与网站交互所需的许多功能,例如注册和登录、发送反馈、购买产品等。在该模块中您将学会创建表单的客户端部分。
用HTML解决日常问题
提供内容的链接部分解释了如何使用网页链接解决我们日常创建网页时遇到的一些问题:例如设置标题,添加图片和视频,强调文本内容,创建日常表单等等。
HTML 开发者指南
MDN 文章介绍了用于构建网页的特定 HTML 技巧,还有教程和其他资料。

加入 Web layout 社区

请选择你喜欢的方式加入我们:

文档标签和贡献者