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

Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.

Мова гіпертекстової розмітки (HyperText Murkup Language — HTML) використовується для створення і візуального відображення веб-сторінок.

В основі кожної веб-сторінки в мережі Інтернет лежить HTML. Під терміном «гіпертекст» мається на увазі текст, сформований за допомоги мови розмітки і який містить гіперпосилання, якими зв'язані веб-сторінки одна з одною, роблячи Всесвітню павутину тим, чим вона є сьогодні. Створюючи і публікуючи веб-сторінки в мережі Інтернет, ви стаєте активним учасником Всесвітньої павутини. HTML підтримує як візуальні зображення, так і інший медіаконтент. HTML є мовою, що описує структуру і семантику вмісту веб-документу. Контент веб-сторінки розмічений за допомогою тегів, що представляють HTML-елементи. Прикладами таких елементів є <head>, <title>, <body>, <article>, <section>, <p>, <div>, <span>, <img>, <picture>, і т.д. Ці елементи формують будівельні блоки для будь-якого веб-сайта.

Статті, представлені тут, містять довідкові матеріали з веб-розробки.

  • HTML довідник

    У нашому докладному довіднику ви знайдете всю необхідну інформацію до кожного з елементів і атрибутів HTML.

  • HTML посібник

    Для читання статтей, підручників і прикладів присвячених HTML, зверніться до нашого посібника HTML розробника.

  • Вступ до HTML

    Якщо ви новачок в Web-розробці, то прочитайте наш вступ про те, що таке HTML і як ним користуватись.

Довідники

Блокові елементи
В HTML (мові гіпертекстової розмітки — Hypertext Markup Language) елементи бувають блокові або рядкові. Блокові елементи займають всю ширину батьківського елемента (контейнера), таким чином утворюючи блок. У цій статті пояснюється, як це працює. 
CORS enabled image
The HTML specification introduces a crossorigin attribute for images that, in combination with an appropriate CORS header, allows images defined by the <img> element loaded from foreign origins to be used in canvas as if they were being loaded from the current origin.
CORS settings attributes
In HTML5, some HTML elements which provide support for CORS, such as <img> or <video>, have a crossorigin attribute (crossOrigin property), which lets you configure the CORS requests for the element's fetched data.
Controlling spell checking in HTML forms
Firefox 2 introduces spell checking support to text areas and text fields in web forms. The user can specify using the about:config interface whether or not spellchecking is enabled and whether to check both text areas and text fields or only text areas.
DASH Adaptive Streaming for HTML 5 Video
Dynamic Adaptive Streaming over HTTP (DASH) is an adaptive streaming protocol. This means that it allows for a video stream to switch between bit rates on the basis of network performance, in order to keep a video playing.
Focus management in HTML
In the HTML5 working draft, the activeElement DOM attribute and the hasFocus() DOM method give the programmer the ability to have better control of the interactivity of the page due to the user's actions. For example, both of them can be used for statistical usage purposes, tracking the number of clicks on certain links of a page, measuring the amount of time an element is focused, and so forth. In addition, when combined with AJAX technology, they help minimize the number of requests to the server, depending on the user activity and the page layout.
Global attributes
Global attributes may be specified on all HTML elements, even those not specified in the standard. That means that any non-standard elements must still permit these attributes, even though using those elements means that the document is no longer HTML5-compliant. For example, HTML5-compliant browsers hide content marked as <foo hidden>...<foo>, even though <foo> is not a valid HTML element.
HTML attribute reference
Elements in HTML have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
HTML element reference
This page lists all the HTML elements.
HTML reference
HTML is the language that describes the structure and the semantic content of a Web document; it consists of elements, each of which may be modified by some number of attributes.
Рядкові елементи
В HTML (мові гіпертекстової розмітки — Hypertext Markup Language) елементи бувають блокові або рядкові. Рядковий елемент займає стільки місця в рядку, скільки вимагає розмір самого елемента, і його вплив обмежується тегами, які цей елемент визначають. Приклади у цій статті пояснюють, як працюють рядкові елементи.
Link types
In HTML, the following link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, or <link> element.
Media formats supported by the HTML audio and video elements
The <audio> and <video> elements provide support for playing audio and video media without requiring plug-ins.
Microformats
Microformats (sometimes abbreviated μF) are small patterns of HTML for marking up entities like people, organizations, events, locations, blog posts, products, reviews, resumes, recipes, etc.
They are simple conventions to embed semantics in HTML and quickly provide an API to be used by search engines, aggregators, and other tools.
Optimizing your pages for speculative parsing
Traditionally in browsers the HTML parser has run on the main thread and has blocked after a </script> tag until the script has been retrieved from the network and executed. The HTML parser in Firefox 4 and later supports speculative parsing off the main thread. It parses ahead while scripts are being downloaded and executed. As in Firefox 3.5 and 3.6, the HTML parser starts speculative loads for scripts, style sheets and images it finds ahead in the stream. However, in Firefox 4 and later the HTML parser also runs the HTML tree construction algorithm speculatively. The upside is that when a speculation succeeds, there's no need to reparse the part of the incoming file that was already scanned for scripts, style sheets and images. The downside is that there's more work lost when the speculation fails.
Using the application cache
HTML5 provides an application caching mechanism that lets web-based applications run offline. Developers can use the Application Cache (AppCache) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.

Переглянути все...

Керівництва і посібники

Керівництво з HTML для розробників
MDN articles demonstrating specific techniques you can use when building Web content with HTML, as well as tutorials and other material you may find handy. The guide can provide editorial lessons, tips and information on HTML development.

Join the Web layout community

Choose your preferred method for joining the discussion:

Мітки документа й учасники

 Зробили внесок у цю сторінку: asmforce, mdymytrova, Syarol, yuraantonov, volodymyrholovka
 Востаннє оновлена: asmforce,