:可附标题内容元素

Content versus IDL attributes

In HTML, most attributes have two faces: the content attribute and the IDL (Interface Definition Language) attribute.


The content attribute is the attribute as you set it from the content (the HTML code) and you can set it or get it via or . The content attribute is always a string even when the expected value should be an integer. For example, to set an element’s to 42 using the content attribute, you have to call on that element.

The IDL attribute is also known as a JavaScript property. These are the attributes you can read or set using JavaScript properties like . The IDL attribute is always going to use (but might transform) the underlying content attribute to return a value when you get it and is going to save something in the content attribute when you set it. In other words, the IDL attributes, in essence, reflect the content attributes.

Most of the time, IDL attributes will return their values as they are really used. For example, the default for elements is «text», so if you set , the element will be of type text (in the appearance and the behavior) but the «type» content attribute’s value will be «foobar». However, the IDL attribute will return the string «text».

IDL attributes are not always strings; for example, is a number (a signed long). When using IDL attributes, you read or set values of the desired type, so is always going to return a number and when you set , it wants a number. If you pass another type, it is automatically converted to a number as specified by the standard JavaScript rules for type conversion.

IDL attributes can such as unsigned long, URLs, booleans, etc. Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. Most of the time, it will follow , but sometimes it doesn’t. HTML specifications try to make this as developer-friendly as possible, but for various reasons (mostly historical), some attributes behave oddly (, for example) and you should read the specifications to understand how exactly they behave.

Embedded content

In addition to regular multimedia content, HTML can include a variety of other content, even if it’s not always easy to interact with.

Element Description
The HTML element embeds external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in.
The HTML Inline Frame element () represents a nested browsing context, embedding another HTML page into the current one.
The HTML element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
The HTML element defines parameters for an element.
The HTML element contains zero or more elements and one element to offer alternative versions of an image for different display/device scenarios.
The HTML element specifies multiple media resources for the , the element, or the element.

Accessibility concerns

Landmark

The element behaves like a landmark role. can be used by assistive technology to quickly identify and navigate to large sections of the document. Prefer using the element over declaring , unless there are .

Skip navigation

Skip navigation, also known as «skipnav», is a technique that allows an assistive technology user to quickly bypass large sections of repeated content (main navigation, info banners, etc.). This lets the user access the main content of the page faster.

Adding an attribute to the element lets it be a target of a skip navigation link.

<body>
  <a href="#main-content">Skip to main content</a>

  <!-- navigation and header content -->

  <main id="main-content">
    <!-- main page content -->
  </main>
</body>

WebAIM: «Skip Navigation» Links

Reader mode

Browser reader mode functionality looks for the presence of the element, as well as heading and when converting content into a specialized reader view.

Building websites for Safari Reader Mode and other reading apps.

例子

图像

<!-- Just an image -->
<figure>
  <img
  src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"
  alt="A robotic monster over the letters MDN.">
</figure>

<!-- Image with a caption -->
<figure>
  <img
  src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"
  alt="A robotic monster over the letters MDN.">	
  <figcaption>MDN Logo</figcaption>
</figure>

代码段

<figure>
  <figcaption>Get browser details using <code>navigator</code>.</figcaption>
  <pre>
function NavigatorExample() {
  var txt;
  txt = "Browser CodeName: " + navigator.appCodeName;
  txt+= "Browser Name: " + navigator.appName;
  txt+= "Browser Version: " + navigator.appVersion ;
  txt+= "Cookies Enabled: " + navigator.cookieEnabled;
  txt+= "Platform: " + navigator.platform;
  txt+= "User-agent header: " + navigator.userAgent;
}</pre>
</figure>

引用内容

<figure>
  <figcaption><cite>Edsger Dijkstra:</cite></figcaption>
  <blockquote>If debugging is the process of removing software bugs,
  then programming must be the process of putting them in.</blockquote>
</figure>

诗歌

<figure>
  <p style="white-space:pre">
Bid me discourse, I will enchant thine ear,
  Or like a fairy trip upon the green,
Or, like a nymph, with long dishevell'd hair,
  Dance on the sands, and yet no footing seen:
Love is a spirit all compact of fire,
  Not gross to sink, but light, and will aspire.</p>
  <figcaption><cite>Venus and Adonis</cite>,
    by William Shakespeare</figcaption>
</figure>

Document metadata

Metadata contains information about the page. This includes information about styles, scripts and data to help software (search engines, browsers, etc.) use and render the page. Metadata for styles and scripts may be defined in the page or link to another file that has the information. 

Element Description
The HTML element specifies the base URL to use for all relative URLs in a document.
The HTML element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.
The HTML External Resource Link element () specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both «favicon» style icons and icons for the home screen and apps on mobile devices) among other things.
The HTML element represents metadata that cannot be represented by other HTML meta-related elements, like , , , or .
The HTML element contains style information for a document, or part of a document.
The HTML Title element () defines the document’s title that is shown in a browser’s title bar or a page’s tab.

Browser compatibility

The element is widely supported. For Internet Explorer 11 and lower, it’s suggested that an ARIA role of be added to the element to ensure it is accessible (screen readers like JAWS, used in combination with older versions of Internet Explorer, understand the semantic meaning of the element when this attribute is included).

<main role="main">
  ...
</main>

The compatibility table in this page is generated from structured data. If you’d like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.


Update compatibility data on GitHub

Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
Chrome Full support 26 Edge Full support 12 Firefox Full support 21 IE No support No Opera Full support 16 Safari Full support 7 WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support 21 Opera Android Full support Yes Safari iOS Full support 7 Samsung Internet Android Full support Yes

インライン文字列意味付け

HTML インラインテキストセマンティクス要素は、単語、行、あるいは任意のテキスト範囲の意味、構造、スタイルを定義します。

Element Description
HTML の 要素 (アンカー要素) は、 を用いて、別のウェブページ、ファイル、メールアドレス、同一ページ内の場所、または他の URL へのハイパーリンクを作成します。
HTML の略語要素 () は略語や頭字語を表します。任意で 属性で、略語の完全形または説明を提供することができます。
HTML の注目付け要素 () は、要素の内容に読み手の注意を惹きたい場合で、他の特別な重要性が与えられないものに使用します。
HTML の書字方向分離要素 () は、ブラウザーの書字方向アルゴリズムにこのテキストが周囲のテキストから独立していると扱うよう指示します。
HTML の双方向文字列上書き要素 () は、現在の文字列の方向を上書きし、中の文字列が異なる方向に描画されるようにします。
HTML の 要素 は、文中に改行(キャリッジリターン)を生成します。詩や住所など、行の分割が重要な場合に有用です。
HTML の引用元要素 () は、引用された創作物の参照を表し、作品のタイトルを含む必要があります。参照は、引用メタデータに関する利用場面に合わせた慣習に応じて省略形が用いられることがあります。
HTML の 要素は、コンピューターコードの短い断片の文字列であると識別できるような外見のコンテンツを表示します。
HTML の 要素は、与えられたコンテンツの機械可読な翻訳にリンクします。コンテンツが時刻または日付に関連するものであれば、 要素を使用する必要があります。
HTML の定義要素 (<dfn>) は、定義句や文の文脈の中で定義している用語を示すために用いられます。
HTML の 要素は、強調されたテキストを示します。 要素は入れ子にすることができ、入れ子の段階に応じてより強い程度の強調を表すことができます。
HTML の興味深いテキスト要素 ()は、何らかの理由で他のテキストと区別されるテキストの範囲を表します。
HTML のキーボード入力要素 () はキーボード、音声入力、その他の入力端末からのユーザーによる文字入力を表す行内の文字列の区間を表します。
HTML の文字列マーク要素 () は、周囲の文脈の中でマークを付けた部分の関連性や重要性のために、参照や記述の目的で目立たせたり強調したりする文字列を表します。
HTML の 要素 は、その内容が行内の引用であることを表します。最近の多くのブラウザーでは、文字列を引用符で囲むように実装しています。
HTML ルビベース () 要素は、 表記のベースとなるテキストの部分を区切るために使用されます。つまり、修飾される文字列です。
HTML のルビ代替表示用括弧 () 要素は、 要素によるルビの表示に対応していないブラウザー向けの代替表示用括弧を提供するために使用します。
HTML のルビ文字列 () 要素は、ルビによる注釈(振り仮名)のルビ文字列の部分を定義し、東アジアの組版において発音、翻訳、音写などの情報を提供するために使用します。 要素は常に 要素の中で使用されます。
HTML のルビ文字列コンテナー () 要素は、 要素内で使用する 要素にルビで与える文字列の、意味を表す注釈を包含します。 要素は発音の注釈 () と意味の注釈 () の両方を持つことができます。
HTML の 要素は、ルビ文字による注釈を表します。ルビ文字による注釈は、東アジアの文字の発音 (振り仮名) を表すためのものです。
HTML の 要素は取り消し線を引いた文字列を表示します。 要素はすでに適切または正確ではなくなった事柄を表現します。しかし、文書の修正を示す場合、 要素は適切ではありません。この場合は と の方が適しているので、こちらを使用してください。
HTML のサンプル要素 () は、コンピュータープログラムからのサンプル出力を表す行内文字列を含めるために使用されます。
HTML の 要素は、表示上のスタイルとは関係なく、著作権表示や法的表記のような、注釈や小さく表示される文を表します。既定では、 から のように、一段階小さいフォントでテキストが表示されます。
HTML の 要素は、記述コンテンツの汎用的な行内コンテナーであり、何かを表すものではありません。スタイル付けのため ( または 属性を使用して)、または のような属性値を共有したりするために要素をグループ化する用途で使用することができます。
HTML の強い重要性要素 () は、内容の重要性、重大性、または緊急性が高いテキストを表します。ブラウザーは一般的に太字で描画します。
HTML の 下付き文字要素 () は、表記上の理由で下付き文字として表示するべき行内文字列を指定します。
HTML の 上付き文字要素 () は、表記上の理由で上付き文字として表示するべき行内文字列を指定します。
HTML の 要素は、特定の時の区間を表します。
HTML の非言語的注釈要素 () は、非言語的に注釈があることを示す方法で表示する行内テキストの区間を示します。
HTML の変数要素 () は、数式やプログラムコード内の変数の名前を表します。
HTML の 要素は、改行可能位置 — テキスト内でブラウザーが任意で改行してよい位置を表しますが、この改行規則は必要のない場合は改行を行いません。

Элемент Output

Как вы, вероятно, предположили, элемент output используется для отображения своего рода вычислений. Например, если вы хотите отобразить координаты позиции курсора или сумму чисел, эта информация должна быть помещена в элемент output.

Как простой пример, давайте, используя JavaScript, вставим сумму двух чисел в пустой output, когда будет нажата кнопка подтверждения форы (submit).

JavaScript

<form action=»» method=»get»> <p> 10 + 5 = <output name=»sum»></output> </p> <button type=»submit»> Calculate </button> </form>

<script> (function() { var f = document.forms;

if ( typeof f !== ‘undefined’ ) { f.addEventListener(‘submit’, function(e) { f.value = 15; e.preventDefault(); }, false); } else { alert(‘Your browser is not ready yet.’); } })(); </script>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<form action=»»method=»get»>

<p>

10+5=<output name=»sum»><output>

<p>

<button type=»submit»>Calculate<button>

<form>

  <script>

(function(){

varf=document.forms;

if(typeoff’sum’!==’undefined’){

f.addEventListener(‘submit’,function(e){

f’sum’.value=15;

e.preventDefault();

},false);

}

else{alert(‘Your browser is not ready yet.’);}

})();

</script>

Пожалуйста, отметьте, что поддержка этой технологии, всё ещё работает плохо. На момент написания этой статьи, я был в состоянии заставить это работать только в Opera, что и отражено в коде выше. Если браузер не распознаёт этот элемент, он просто выведет сообщение об ошибке. В противном случае, он выведет значение под именем «sum», и установит его равным 15, соответственно, после того, как форма подтверждена.

Этот элемент может также получить атрибут for, который отражает название элемента, с которым связан output, подобно тому, как работает label.

浏览器兼容性

The compatibility table in this page is generated from structured data. If you’d like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
Chrome Full support 8 Edge Full support 12 Firefox Full support 4 IE Full support 9 Opera Full support 11 Safari Full support 5.1 WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support 4 Opera Android Full support 11 Safari iOS Full support 5.1 Samsung Internet Android Full support Yes

Image and multimedia

HTML supports various multimedia resources such as images, audio, and video.

Element Description
The HTML element defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a element.
The HTML element is used to embed sound content in documents. It may contain one or more audio sources, represented using the attribute or the element: the browser will choose the most suitable one. It can also be the destination for streamed media, using a .
The HTML element embeds an image into the document.
The HTML element is used with elements to define an image map (a clickable link area).
The HTML element is used as a child of the media elements, and . It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles.
The HTML Video element () embeds a media player which supports video playback into the document. You can use for audio content as well, but the element may provide a more appropriate user experience.

文書メタデータ

メタデータは、ページに関する情報のことです。これはソフトウェア (検索エンジン や ブラウザー など) が利用する、およびページの描画を支援するスタイル、スクリプト、データといった情報を含みます。スタイルやスクリプトのメタデータはページ内で定義するか、それらの情報を持つ別のファイルへのリンクとして定義します。

Element Description
HTML の 要素は、文書内におけるすべての相対 URL の基点となる URL を指定します。
HTML の 要素は、文書に関する機械可読な情報 (メタデータ)、たとえば題名、スクリプト、スタイルシートなどを含みます。
HTML 外部リソースへのリンク要素 () は、現在の文書と外部のリソースとの関係を指定します。この要素はスタイルシートへのリンクに最もよく使用されますが、サイトのアイコン («favicon» スタイルのアイコンと、モバイル端末のホーム画面やアプリのアイコンの両方) の確立や、その他のことにも使用されます。
HTML の 要素は、他のメタ関連要素 (, , , , ) で表すことができない任意のメタデータを提示します。
HTML の 要素は、文書あるいは文書の一部分のスタイル情報を含みます。
HTML 題名要素 () は、ブラウザーのタイトルバーやページのタブに表示される文書の題名を定義します。

Что не является HTML5

Людям можно простить то, что они предположили, что удивительные переходы JavaScript сгруппированы во всеобъемлющий HTML5

Даже Apple по неосторожности продвинул эту идею. Для не разработчиков это простой способ обратиться к новым сетевым стандартам

Однако, для нас, хотя это может быть просто семантикой, важно понять, что не является HTML5


1. SVG: Не HTML5. Этому, по крайней мере, пять лет.

2. CSS3: Это не HTML5. Это CSS.

3. Geolocation: Не HTML5.

4. Client Storage: Не HTML5. Это было однажды реализовано, но было удалено из спецификаций, вследствие того, что многие волновались, что это, в целом, становилось слишком сложным. У этого теперь есть своя собственная спецификация.

5. Web Sockets: Не HTML5. Опять же, было экспортировано в собственную спецификацию.

Независимо от того, сколько различий вам требуется, все эти технологии могут быть сгруппированы в современный стек сети. Фактически, многими из этих разветвленных спецификаций все еще управляют те же самые люди.

Table content

The elements here are used to create and handle tabular data.

Element Description
The HTML element specifies the caption (or title) of a table.
The HTML element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a element.
The HTML element defines a group of columns within a table.
The HTML element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
The HTML Table Body element () encapsulates a set of table rows ( elements), indicating that they comprise the body of the table ().
The HTML element defines a cell of a table that contains data. It participates in the table model.
The HTML element defines a set of rows summarizing the columns of the table.
The HTML element defines a cell as header of a group of table cells. The exact nature of this group is defined by the and attributes.
The HTML element defines a set of rows defining the head of the columns of the table.
The HTML element defines a row of cells in a table. The row’s cells can then be established using a mix of (data cell) and (header cell) elements.

HTML Справочник

HTML по алфавитуHTML по категорииHTML атрибутыHTML глобальныеHTML событияHTML цветаHTML холстHTML аудио/видеоHTML декларацииHTML набор кодировокHTML URL кодHTML коды языкаHTML коды странHTTP сообщенияHTTP методыКовертер PX в EMКлавишные комбинации

HTML Теги

<!—…—> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> — <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>

Esempi

Immagini

<!-- Solo un'immagine -->
<figure>
  <img
  src="https://developer.mozilla.org/static/img/favicon144.png"
  alt="Il bellissimo logo MDN.">
</figure>

<!-- Un'immagine con descrizione -->
<figure>
  <img
  src="https://developer.mozilla.org/static/img/favicon144.png"
  alt="Il bellissimo logo MDN.">
  <figcaption>MDN Logo</figcaption>
</figure>

Frammenti di codice

<figure>
  <figcaption>Ottieni dettagli sul browser utilizzando <code>navigator</code>.</figcaption>
  <pre>
function NavigatorExample() {
  var txt;
  txt = "Browser CodeName: " + navigator.appCodeName + "; ";
  txt+= "Browser Name: " + navigator.appName + "; ";
  txt+= "Browser Version: " + navigator.appVersion  + "; ";
  txt+= "Cookies Enabled: " + navigator.cookieEnabled  + "; ";
  txt+= "Platform: " + navigator.platform  + "; ";
  txt+= "User-agent header: " + navigator.userAgent  + "; ";
  console.log("NavigatorExample", txt);
}
  </pre>
</figure>

Citazioni

<figure>
  <figcaption><cite>Edsger Dijkstra:</cite></figcaption>
  <blockquote>If debugging is the process of removing software bugs,
  then programming must be the process of putting them in.</blockquote>
</figure>

Poemi

<figure>
  <p style="white-space:pre">
Bid me discourse, I will enchant thine ear,
  Or like a fairy trip upon the green,
Or, like a nymph, with long dishevell'd hair,
  Dance on the sands, and yet no footing seen:
Love is a spirit all compact of fire,
  Not gross to sink, but light, and will aspire.</p>
  <figcaption><cite>Venus and Adonis</cite>,
    by William Shakespeare</figcaption>
</figure>

Content sectioning

Content sectioning elements allow you to organize the document content into logical pieces. Use the sectioning elements to create a broad outline for your page content, including header and footer navigation, and heading elements to identify sections of content.   

Element Description
The HTML element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.
The HTML element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication).
The HTML element represents a portion of a document whose content is only indirectly related to the document’s main content.
The HTML element represents a footer for its nearest or element. A footer typically contains information about the author of the section, copyright data or links to related documents.
The HTML element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.
, , , , , The HTML – elements represent six levels of section headings. is the highest section level and is the lowest.
The HTML element represents a multi-level heading for a section of a document. It groups a set of elements.
The HTML element represents the dominant content of the of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.
The HTML element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes.
The HTML element represents a standalone section — which doesn’t have a more specific semantic element to represent it — contained within an HTML document.

Атрибут Data

У нас теперь официально есть поддержка custom attribute в пределах всех элементов HTML. В то время, как прежде мы могли осуществить это как:

XHTML

<h1 id=someId customAttribute=value> Thank you, Tony. </h1>

1 <h1 id=someIdcustomAttribute=value> Thank you, Tony. </h1>

…валидатор поднял бы суету! Но теперь, если мы снабжаем наш атрибут предисловием “data,” мы можем официально использовать этот метод. Если вы когда-либо прикрепляли важные данные к чему-то вроде атрибута class, вероятно для использования JavaScript, это будет большой помощью!

HTML код

XHTML

<div id=»myDiv» data-custom-attr=»My Value»> Bla Bla </div>

1 <div id=»myDiv»data-custom-attr=»My Value»> Bla Bla </div>

Исправьте значение заказного атрибута

PHP

var theDiv = document.getElementById(‘myDiv’); var attr = theDiv.getAttribute(‘data-custom-attr’); alert(attr); // My Val

1 2 3

vartheDiv=document.getElementById(‘myDiv’);

varattr=theDiv.getAttribute(‘data-custom-attr’);

alert(attr);// My Val

Это также может быть использовано в вашем CSS, подобно этому глупому тексту, исправляющему примеру.

XHTML

<!DOCTYPE html>

<html lang=»en»> <head> <meta charset=»utf-8″> <title>Sort of Lame CSS Text Changing</title> <style>

h1 { position: relative; } h1:hover { color: transparent; }

h1:hover:after { content: attr(data-hover-response); color: black; position: absolute; left: 0;

} </style> </head> <body>

<h1 data-hover-response=»I Said Don’t Touch Me!»> Don’t Touch Me </h1>

</body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<!DOCTYPE html>  

<html lang=»en»>

<head>

<meta charset=»utf-8″>

<title>Sort of Lame CSS Text Changing</title>

<style>  

h1 {positionrelative;}

h1:hover {colortransparent;}

h1:hover:after {

contentattr(data-hover-response);

colorblack;

positionabsolute;

left;

  } </style> </head> <body>  

<h1 data-hover-response=»I Said Don’t Touch Me!»> Don’t Touch Me  </h1>

  </body> </html>

テーブル

以下の要素は、表形式のデータを作成および制御するために使用します。

Element Description
HTML の表キャプション要素 () は、表のキャプション (またはタイトル) を指定します。
HTML の 要素は、表内の列を定義して、すべての一般セルに共通の意味を定義するために使用します。この要素は通常、 要素内にみられます。
HTML の 要素は、表内の列のグループを定義します。
HTML の 要素は表形式のデータ、つまり、行と列の組み合わせによるセルに含まれたデータによる二次元の表で表現される情報です。
HTML の表本体要素 () は、表の一連の行 ( 要素) を内包し、その部分が表 () の本体部分を構成することを表します。
HTML の 要素は、表でデータを包含するセルを定義します。これは表モデルに関与します。
HTML の 要素は、表のの列を総括する行のセットを定義します。
HTML の 要素は、表のセルのグループ用のヘッダーであるセルを定義します。このグループの性質は、 属性と 属性で定義します。
HTML の 要素は、表の列の見出しを定義する行のセットを定義します。
HTML の 要素は、表のひとつの行で構成される ブロックを内部に持つマークアップを明示します。行の内部で 要素および 要素が、それぞれ見出しやデータのセルを生成します。

Boolean Attributes

Some content attributes (e.g. , , ) are called . If a boolean attribute is present, its value is true, and if it’s absent, its value is false.

HTML5 defines restrictions on the allowed values of boolean attributes: If the attribute is present, its value must either be the empty string (equivalently, the attribute may have an unassigned value), or a value that is an ASCII case-insensitive match for the attribute’s canonical name, with no leading or trailing whitespace. The following examples are valid ways to mark up a boolean attribute:

<div itemscope> This is valid HTML but invalid XML. </div>
<div itemscope=itemscope> This is also valid HTML but invalid XML. </div>
<div itemscope=""> This is valid HTML and also valid XML. </div>
<div itemscope="itemscope"> This is also valid HTML and XML, but perhaps a bit verbose. </div>

To be clear, the values «» and «» are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether. This restriction clears up some common misunderstandings: With for example, the element’s attribute would be interpreted as true because the attribute is present.


С этим читают