MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/d6d7ff2e2f9c

HTML(超文本标记语言——HyperText Markup Language)是构成Web世界的基石。它描述并定义了一个网页的内容。其他除HTML以外的技术则通常用来描述一个网页的表现/展示效果(CSS)或功能(JavaScript)。

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

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

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

  • HTML介绍

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

  • HTML指南

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

  • HTML参考

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

初学者教程

我们的HTML学习区含有许多富有特色的模块,可以在不需学习者掌握任何先前经验的情况下,令其从零开始,掌握HTML。

HTML介绍
这一模块将为你打下基础,并为进一步的学习铺平道路。在这里,你将掌握并适应一些重要的概念和语法,学习如何使文本与HTML相搭配、如何创建超链接以及运用HTML去构建一个网页。
多媒体与嵌入内容
这个模块将带领你探索如何使用HTML在你的页面中包含多媒体内容,包括通过许多不同的方式嵌入图片,以及如何嵌入视频、音频甚至一整个其他页面。
HTML表格
如何以一个可理解并易于访问的形式在网页中展示一个表格化数据一向都是个不小的挑战。这个模块涵盖了基本的表格table标记,以及一些更复杂的特性,比如使用标题和总结等。
HTML表单
表单是构成Web世界的重要组成部分——他们提供了大量的你所需要用来与网站进行交互所需的功能。比如注册、登录、发送评论反馈、购买商品等等。这个模块将带领你建立一个客户端部分的表单。
用HTML解决常见问题
该部分提供了一些链接,这些链接指向那些在你构建Web页面的过程中最常遇到的问题的解决方法:如何处理网页标题、添加图片和视频、强调某些内容、建立基本的表单等。

高级主题

CORS 处理跨域图片
crossorigin属性在与一个得到恰当配置的CORS头部相搭配时,可以使在<img>元素中定义并需要加载或者在<canvas>中所需使用的,来自外部来源的图片资源得到妥善的处理,使这些资源像是从本地源所加载一样。
CORS设置属性
一些HTML元素提供了对CORS的支持,比如<img><video>,它们提供了crossorigin元素属性/attribute (crossOrigin对象属性/property),该属性使你能够对元素跨域获取资源的行为进行配置。
HTML中的焦点管理
DOM元素的activeElement属性以及hasFocus()方法可以帮助你跟踪并控制用户在网页中与各种远俗的交互行为。
使用应用缓存
应用程序缓存使得以网页为基础的程序可以离线运行。你可以使用Application CacheAppCache)接口指定相应的资源令浏览器进行缓存,以使得用户可以离线使用该程序。缓存后的应用程序将能够被正确的加载并运行,即使用户在离线的状态下点击了刷新按钮也是如此。
使用rel="preload"预加载页面内容
<link>元素的rel的属性值preload,允许你在页面的<head>部分进行一个资源预加载的声明。通过指定那些在页面加载后即刻需要的资源,将使得页面在生命周期的早期阶段对这些资源进行提前的预加载,甚至早于浏览器的主渲染机制介入之前。从而保证了这些资源的尽早可用并尽可能的减少对于页面初次渲染所造成的阻塞。这篇文章提供了关于preload作用机制的基本指导。

参考

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)接口指定浏览器需要缓存并提供给离线用户的资源。即使用户在离线时点击刷新按钮,缓存的应用可以也正常加载和工作。

查看全部...

加入 Web layout 社区

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

文档标签和贡献者

 最后编辑者: ldwformat,