mozilla

Compare Revisions

HTML

Change Revisions

Revision 571423:

Revision 571423 by Jeremie on

Revision 571899:

Revision 571899 by Jeremie on

Title:
HTML
HTML
Slug:
User:Jeremie/HTML
User:Jeremie/HTML
Content:

Revision 571423
Revision 571899
nn291    <h2 id="Sections">
292      Content sectionning
293    </h2>
294    <p>
295      Those are all you need to organise the document content int
 >o logical pieces.
296    </p>
297    <table class="standard-table">
298      <thead>
299        <tr>
300          <th scope="col">
301            &nbsp;
302          </th>
303          <th scope="col">
304            Element
305          </th>
306          <th scope="col">
307            Description
308          </th>
309        </tr>
310      </thead>
311      <tbody>
312        <tr>
313          <td>
314            &nbsp;
315          </td>
316          <td>
317            {{HTMLElement("address")}}
318          </td>
319          <td>
320            Defines a section containing contact information.
321          </td>
322        </tr>
323        <tr>
324          <td>
325            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
326          </td>
327          <td>
328            {{HTMLElement("article")}}
329          </td>
330          <td>
331            Defines a self-contained part of the document that co
 >uld be independently distributed or reused.
332          </td>
333        </tr>
334        <tr>
335          <td>
336            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
337          </td>
338          <td>
339            {{HTMLElement("aside")}}
340          </td>
341          <td>
342            Defines some content loosely related to the document 
 >content. If it is removed, the remaining content still makes sens
 >e.
343          </td>
344        </tr>
345        <tr>
346          <td>
347            &nbsp;
348          </td>
349          <td>
350            {{HTMLElement("div")}}
351          </td>
352          <td>
353            Defines a generic container with no special meaning. 
 >It can be used to group elements for styling purposes (using the 
 >{{htmlattrxref("class")}} or {{htmlattrxref("id")}} {{Glossary("a
 >ttribute")}}), or because they share attribute values, such as {{
 >htmlattrxref("lang")}}. It should be used only when no other sema
 >ntic element (such as {{HTMLElement("article")}} or {{HTMLElement
 >("nav")}}) is appropriate.
354          </td>
355        </tr>
356        <tr>
357          <td>
358            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
359          </td>
360          <td>
361            {{HTMLElement("footer")}}
362          </td>
363          <td>
364            Defines a footer for the document or for one of its s
 >ection. It may contains a copyright notice, some links to legal i
 >nformation, addresses to give feedback, and so on.
365          </td>
366        </tr>
367        <tr>
368          <td>
369            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
370          </td>
371          <td>
372            {{HTMLElement("header")}}
373          </td>
374          <td>
375            Defines a header for the document or for one of its s
 >ection. It may contain some heading elements but also other eleme
 >nts like a logo, a title, a search form, and so on.
376          </td>
377        </tr>
378        <tr>
379          <td>
380            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
381          </td>
382          <td>
383            {{HTMLElement("nav")}}
384          </td>
385          <td>
386            Defines a navigation section. It must contains links 
 >that allows users to jump from one area of a site to another, inc
 >luding from one document to another or within the same document.
387          </td>
388        </tr>
389        <tr>
390          <td>
391            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
392          </td>
393          <td>
394            {{HTMLElement("section")}}
395          </td>
396          <td>
397            Defines a generic section of the document, i.e., a th
 >ematic grouping of content, typically with heading.
398          </td>
399        </tr>
400      </tbody>
401    </table>
402    <h2 id="Grouping_content">
403      Text content
404    </h2>
405    <p>
406      HTLM is primary a language to organize text. Those are what
 > is needed to organize various blocks of text.
407    </p>
408    <table class="standard-table">
409      <thead>
410        <tr>
411          <th scope="col">
412            Element
413          </th>
414          <th scope="col">
415            Description
416          </th>
417        </tr>
418      </thead>
419      <tbody>
420        <tr>
421          <td>
422            {{HTMLElement("p")}}
423          </td>
424          <td>
425            Defines a portion that should be displayed as a parag
 >raph.
426          </td>
427        </tr>
428        <tr>
429          <td>
430            {{HTMLElement("hr")}}
431          </td>
432          <td>
433            Represents a thematic break between paragraphs of a s
 >ection or article or any longer content.
434          </td>
435        </tr>
436        <tr>
437          <td>
438            {{HTMLElement("pre")}}
439          </td>
440          <td>
441            Indicates that its content is preformatted and that t
 >his format must be preserved.
442          </td>
443        </tr>
444        <tr>
445          <td>
446            {{HTMLElement("blockquote")}}
447          </td>
448          <td>
449            Represents a content that is quoted from another sour
 >ce.
450          </td>
451        </tr>
452        <tr>
453          <td>
454            {{HTMLElement("ol")}}
455          </td>
456          <td>
457            Defines an ordered list of items.
458          </td>
459        </tr>
460        <tr>
461          <td>
462            {{HTMLElement("ul")}}
463          </td>
464          <td>
465            Defines an unordered list of items.
466          </td>
467        </tr>
468        <tr>
469          <td>
470            {{HTMLElement("li")}}
471          </td>
472          <td>
473            Defines a item of an enumeration list.
474          </td>
475        </tr>
476        <tr>
477          <td>
478            {{HTMLElement("dl")}}
479          </td>
480          <td>
481            Defines a definition list, that is, a list of terms a
 >nd their associated definitions.
482          </td>
483        </tr>
484        <tr>
485          <td>
486            {{HTMLElement("dt")}}
487          </td>
488          <td>
489            Represents a term defined by the next <code>&lt;dd&gt
 >;</code>.
490          </td>
491        </tr>
492        <tr>
493          <td>
494            {{HTMLElement("dd")}}
495          </td>
496          <td>
497            Represents the definition of the terms immediately li
 >sted before it.
498          </td>
499        </tr>
500        <tr>
501          <td>
502            {{HTMLElement("figure")}} <a href="/en-US/docs/HTML/H
 >TML5"><img alt="This element has been added in HTML5" src="/files
 >/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti
 >cal-align: middle;" title="This element has been added in HTML5">
 ></a>
503          </td>
504          <td>
505            Represents a figure illustrated as part of the docume
 >nt.
506          </td>
507        </tr>
508        <tr>
509          <td>
510            {{HTMLElement("figcaption")}} <a href="/en-US/docs/HT
 >ML/HTML5"><img alt="This element has been added in HTML5" src="/f
 >iles/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; v
 >ertical-align: middle;" title="This element has been added in HTM
 >L5"></a>
511          </td>
512          <td>
513            Represents the legend of a figure.
514          </td>
515        </tr>
516        <tr>
517          <td>
518            <a href="/en-US/docs/HTML/Element/Heading_Elements"><
 >code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;,&lt;h5&gt;,&lt;h
 >6&gt;</code></a>
519          </td>
520          <td>
521            Heading elements implement six levels of document hea
 >dings; <code>&lt;h1&gt;</code> is the most important and <code>&l
 >t;h6&gt;</code> is the least. A heading element briefly describes
 > the topic of the section it introduces.
522          </td>
523        </tr>
524      </tbody>
525    </table>
526    <h2 id="Text-level_semantics">
527      Inline text semantics
528    </h2>
529    <table class="standard-table">
530      <thead>
531        <tr>
532          <th scope="col">
533            Element
534          </th>
535          <th scope="col">
536            Description
537          </th>
538        </tr>
539      </thead>
540      <tbody>
541        <tr>
542          <td>
543            {{HTMLElement("a")}}
544          </td>
545          <td>
546            Represents a <i>hyperlink</i> , linking to another re
 >source.
547          </td>
548        </tr>
549        <tr>
550          <td>
551            {{HTMLElement("em")}}
552          </td>
553          <td>
554            Represents <i>emphasized</i> text, like a stress acce
 >nt.
555          </td>
556        </tr>
557        <tr>
558          <td>
559            {{HTMLElement("strong")}}
560          </td>
561          <td>
562            Represents especially <i>important</i> text.
563          </td>
564        </tr>
565        <tr>
566          <td>
567            {{HTMLElement("small")}}
568          </td>
569          <td>
570            Represents a <i>side comment</i> , that is, text like
 > a disclaimer or a copyright, which is not essential to the compr
 >ehension of the document.
571          </td>
572        </tr>
573        <tr>
574          <td>
575            {{HTMLElement("s")}}
576          </td>
577          <td>
578            Represents content that is no <i>longer accurate or r
 >elevant</i> .
579          </td>
580        </tr>
581        <tr>
582          <td>
583            {{HTMLElement("cite")}}
584          </td>
585          <td>
586            Represents the <i>title of a work</i> .
587          </td>
588        </tr>
589        <tr>
590          <td>
591            {{HTMLElement("q")}}
592          </td>
593          <td>
594            Represents an inline <i>quotation</i> .
595          </td>
596        </tr>
597        <tr>
598          <td>
599            {{HTMLElement("dfn")}}
600          </td>
601          <td>
602            Represents a term whose <i>definition</i> is containe
 >d in its nearest ancestor content.
603          </td>
604        </tr>
605        <tr>
606          <td>
607            {{HTMLElement("abbr")}}
608          </td>
609          <td>
610            Represents an <i>abbreviation</i> or an <i>acronym</i
 >> ; the expansion of the abbreviation can be represented in the <
 >code>title</code> attribute.
611          </td>
612        </tr>
613        <tr>
614          <td>
615            {{HTMLElement("data")}} <a href="/en-US/docs/HTML/HTM
 >L5"><img alt="This element has been added in HTML5" src="/files/3
 >843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica
 >l-align: middle;" title="This element has been added in HTML5"></
 >a>
616          </td>
617          <td>
618            Associates to its content a <i>machine-readable equiv
 >alent</i> . (This element is only in the WHATWG version of the HT
 >ML standard, and not in the W3C version of HTML5).
619          </td>
620        </tr>
621        <tr>
622          <td>
623            {{HTMLElement("time")}} <a href="/en-US/docs/HTML/HTM
 >L5"><img alt="This element has been added in HTML5" src="/files/3
 >843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica
 >l-align: middle;" title="This element has been added in HTML5"></
 >a>
624          </td>
625          <td>
626            Represents a <i>date</i> and <i>time</i> value; the m
 >achine-readable equivalent can be represented in the <code>dateti
 >me</code> attribute.
627          </td>
628        </tr>
629        <tr>
630          <td>
631            {{HTMLElement("code")}}
632          </td>
633          <td>
634            Represents <i>computer code</i> .
635          </td>
636        </tr>
637        <tr>
638          <td>
639            {{HTMLElement("var")}}
640          </td>
641          <td>
642            Represents a <i>variable,</i> that is, <i>an actual m
 >athematical expression or programming context, an identifier repr
 >esenting a constant, a symbol identifying a physical quantity, a 
 >function parameter, or a mere placeholder in prose.</i>
643          </td>
644        </tr>
645        <tr>
646          <td>
647            {{HTMLElement("samp")}}
648          </td>
649          <td>
650            Represents the <i>output</i> of a program or a comput
 >er.
651          </td>
652        </tr>
653        <tr>
654          <td>
655            {{HTMLElement("kbd")}}
656          </td>
657          <td>
658            Represents <i>user input</i> , often from the keyboar
 >d, but not necessarily; it may represent other input, like transc
 >ribed voice commands.
659          </td>
660        </tr>
661        <tr>
662          <td>
663            {{HTMLElement("sub")}},{{HTMLElement("sup")}}
664          </td>
665          <td>
666            Represent a <i>subscript</i> , or a <i>superscript.</
 >i>
667          </td>
668        </tr>
669        <tr>
670          <td>
671            {{HTMLElement("i")}}
672          </td>
673          <td>
674            Represents some text in an <i>alternate</i> voice or 
 >mood, or at least of different quality, such as a taxonomic desig
 >nation, a technical term, an idiomatic phrase, a thought, or a sh
 >ip name.
675          </td>
676        </tr>
677        <tr>
678          <td>
679            {{HTMLElement("b")}}
680          </td>
681          <td>
682            Represents a text which to which attention is drawn f
 >or <i>utilitarian purposes</i> . It doesn't convey extra importan
 >ce and doesn't imply an alternate voice.
683          </td>
684        </tr>
685        <tr>
686          <td>
687            {{HTMLElement("u")}}
688          </td>
689          <td>
690            Represents a non-textual annoatation for which the co
 >nventional presentation is <em>underlining</em>, such labeling th
 >e text as being misspelt or labeling a proper name in Chinese tex
 >t.
691          </td>
692        </tr>
693        <tr>
694          <td>
695            {{HTMLElement("mark")}} <a href="/en-US/docs/HTML/HTM
 >L5"><img alt="This element has been added in HTML5" src="/files/3
 >843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica
 >l-align: middle;" title="This element has been added in HTML5"></
 >a>
696          </td>
697          <td>
698            Represents text highlighted for <i>reference</i> purp
 >oses, that is for its relevance in another context.
699          </td>
700        </tr>
701        <tr>
702          <td>
703            {{HTMLElement("ruby")}} <a href="/en-US/docs/HTML/HTM
 >L5"><img alt="This element has been added in HTML5" src="/files/3
 >843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica
 >l-align: middle;" title="This element has been added in HTML5"></
 >a>
704          </td>
705          <td>
706            Represents content to be marked with <i>ruby annotati
 >ons</i> , short runs of text presented alongside the text. This i
 >s often used in conjunction with East Asian language where the an
 >notations act as a guide for pronunciation, like the Japanese <i>
 >furigana</i> .
707          </td>
708        </tr>
709        <tr>
710          <td>
711            {{HTMLElement("rt")}} <a href="/en-US/docs/HTML/HTML5
 >"><img alt="This element has been added in HTML5" src="/files/384
 >3/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-
 >align: middle;" title="This element has been added in HTML5"></a>
712          </td>
713          <td>
714            Represents the <i>text of a ruby annotation</i> .
715          </td>
716        </tr>
717        <tr>
718          <td>
719            {{HTMLElement("rp")}} <a href="/en-US/docs/HTML/HTML5
 >"><img alt="This element has been added in HTML5" src="/files/384
 >3/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-
 >align: middle;" title="This element has been added in HTML5"></a>
720          </td>
721          <td>
722            Represents <i>parenthesis</i> around a ruby annotatio
 >n, used to display the annotation in an alternate way by browsers
 > not supporting the standard display for annotations.
723          </td>
724        </tr>
725        <tr>
726          <td>
727            {{HTMLElement("bdi")}} <a href="/en-US/docs/HTML/HTML
 >5"><img alt="This element has been added in HTML5" src="/files/38
 >43/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical
 >-align: middle;" title="This element has been added in HTML5"></a
 >>
728          </td>
729          <td>
730            Represents text that must be <i>isolated</i> from its
 > surrounding for bidirectional text formatting. It allows embeddi
 >ng a span of text with a different, or unknown, directionality.
731          </td>
732        </tr>
733        <tr>
734          <td>
735            {{HTMLElement("bdo")}}
736          </td>
737          <td>
738            Represents the <i>directionality</i> of its children,
 > in order to explicitly override the Unicode bidirectional algori
 >thm.
739          </td>
740        </tr>
741        <tr>
742          <td>
743            {{HTMLElement("span")}}
744          </td>
745          <td>
746            Represents text with no specific meaning. This has to
 > be used when noother text-semantic element conveys an adequate m
 >eaning, which, in this case, is often brought by global attribute
 >s like <code>class</code>, <code>lang</code>, or <code>dir</code>
 >.
747          </td>
748        </tr>
749        <tr>
750          <td>
751            {{HTMLElement("br")}}
752          </td>
753          <td>
754            Represents a <i>line break</i> .
755          </td>
756        </tr>
757        <tr>
758          <td>
759            {{HTMLElement("wbr")}} <a href="/en-US/docs/HTML/HTML
 >5"><img alt="This element has been added in HTML5" src="/files/38
 >43/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical
 >-align: middle;" title="This element has been added in HTML5"></a
 >>
760          </td>
761          <td>
762            Represents a <i>line break opportunity</i> , that is 
 >a suggested point for wrapping text in order to improve readabili
 >ty of text split on several lines.
763          </td>
764        </tr>
765      </tbody>
766    </table>
n433    <h2 id="Sections">n
434      Sections
435    </h2>
436    <table class="standard-table">
437      <thead>
438        <tr>
439          <th scope="col">
440            Element
441          </th>
442          <th scope="col">
443            Description
444          </th>
445        </tr>
446      </thead>
447      <tbody>
448        <tr>
449          <td>
450            {{HTMLElement("body")}}
451          </td>
452          <td>
453            <div>
454              Represents the content of an HTML document. There i
>s only one <code>&lt;body&gt;</code> element in a document. 
455            </div>
456          </td>
457        </tr>
458        <tr>
459          <td>
460            {{HTMLElement("section")}} <a href="/en-US/docs/HTML/
>HTML5"><img alt="This element has been added in HTML5" src="/file 
>s/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vert 
>ical-align: middle;" title="This element has been added in HTML5" 
>></a> 
461          </td>
462          <td>
463            Defines a section in a document.
464          </td>
465        </tr>
466        <tr>
467          <td>
468            {{HTMLElement("nav")}} <a href="/en-US/docs/HTML/HTML
>5"><img alt="This element has been added in HTML5" src="/files/38 
>43/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical 
>-align: middle;" title="This element has been added in HTML5"></a 
>> 
469          </td>
470          <td>
471            Defines a section that contains only navigation links
>. 
472          </td>
473        </tr>
474        <tr>
475          <td>
476            {{HTMLElement("article")}} <a href="/en-US/docs/HTML/
>HTML5"><img alt="This element has been added in HTML5" src="/file 
>s/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vert 
>ical-align: middle;" title="This element has been added in HTML5" 
>></a> 
477          </td>
478          <td>
479            Defines self-contained content that could exist indep
>endently of the rest of the content. 
480          </td>
481        </tr>
482        <tr>
483          <td>
484            {{HTMLElement("aside")}} <a href="/en-US/docs/HTML/HT
>ML5"><img alt="This element has been added in HTML5" src="/files/ 
>3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertic 
>al-align: middle;" title="This element has been added in HTML5">< 
>/a> 
485          </td>
486          <td>
487            Defines some content loosely related to the page cont
>ent. If it is removed, the remaining content still makes sense. 
488          </td>
489        </tr>
490        <tr>
491          <td>
492            <a href="/en-US/docs/HTML/Element/Heading_Elements"><
>code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;,&lt;h5&gt;,&lt;h 
>6&gt;</code></a> 
493          </td>
494          <td>
495            Heading elements implement six levels of document hea
>dings; <code>&lt;h1&gt;</code> is the most important and <code>&l 
>t;h6&gt;</code> is the least. A heading element briefly describes 
> the topic of the section it introduces. 
496          </td>
497        </tr>
498        <tr>
499          <td>
500            {{HTMLElement("header")}} <a href="/en-US/docs/HTML/H
>TML5"><img alt="This element has been added in HTML5" src="/files 
>/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti 
>cal-align: middle;" title="This element has been added in HTML5"> 
></a> 
501          </td>
502          <td>
503            Defines the header of a page or section. It often con
>tains a logo, the title of the Web site, and a navigational table 
> of content. 
504          </td>
505        </tr>
506        <tr>
507          <td>
508            {{HTMLElement("footer")}} <a href="/en-US/docs/HTML/H
>TML5"><img alt="This element has been added in HTML5" src="/files 
>/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti 
>cal-align: middle;" title="This element has been added in HTML5"> 
></a> 
509          </td>
510          <td>
511            Defines the footer for a page or section. It often co
>ntains a copyright notice, some links to legal information, or ad 
>dresses to give feedback. 
512          </td>
513        </tr>
514        <tr>
515          <td>
516            {{HTMLElement("address")}}
517          </td>
518          <td>
519            Defines a section containing contact information.
520          </td>
521        </tr>
522        <tr>
523          <td>
524            {{HTMLElement("main")}}<a href="/en-US/docs/HTML/HTML
>5"><img alt="This element has been added in HTML5" src="/files/38 
>43/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical 
>-align: middle;" title="This element has been added in HTML5"></a 
>> 
525          </td>
526          <td>
527            Defines the main or important content in the document
>. There is only one &lt;main&gt; element in the document. 
528          </td>
529        </tr>
530      </tbody>
531    </table>
532    <h2 id="Grouping_content">
533      Grouping content
534    </h2>
535    <table class="standard-table">
536      <thead>
537        <tr>
538          <th scope="col">
539            Element
540          </th>
541          <th scope="col">
542            Description
543          </th>
544        </tr>
545      </thead>
546      <tbody>
547        <tr>
548          <td>
549            {{HTMLElement("p")}}
550          </td>
551          <td>
552            Defines a portion that should be displayed as a parag
>raph. 
553          </td>
554        </tr>
555        <tr>
556          <td>
557            {{HTMLElement("hr")}}
558          </td>
559          <td>
560            Represents a thematic break between paragraphs of a s
>ection or article or any longer content. 
561          </td>
562        </tr>
563        <tr>
564          <td>
565            {{HTMLElement("pre")}}
566          </td>
567          <td>
568            Indicates that its content is preformatted and that t
>his format must be preserved. 
569          </td>
570        </tr>
571        <tr>
572          <td>
573            {{HTMLElement("blockquote")}}
574          </td>
575          <td>
576            Represents a content that is quoted from another sour
>ce. 
577          </td>
578        </tr>
579        <tr>
580          <td>
581            {{HTMLElement("ol")}}
582          </td>
583          <td>
584            Defines an ordered list of items.
585          </td>
586        </tr>
587        <tr>
588          <td>
589            {{HTMLElement("ul")}}
590          </td>
591          <td>
592            Defines an unordered list of items.
593          </td>
594        </tr>
595        <tr>
596          <td>
597            {{HTMLElement("li")}}
598          </td>
599          <td>
600            Defines a item of an enumeration list.
601          </td>
602        </tr>
603        <tr>
604          <td>
605            {{HTMLElement("dl")}}
606          </td>
607          <td>
608            Defines a definition list, that is, a list of terms a
>nd their associated definitions. 
609          </td>
610        </tr>
611        <tr>
612          <td>
613            {{HTMLElement("dt")}}
614          </td>
615          <td>
616            Represents a term defined by the next <code>&lt;dd&gt
>;</code>. 
617          </td>
618        </tr>
619        <tr>
620          <td>
621            {{HTMLElement("dd")}}
622          </td>
623          <td>
624            Represents the definition of the terms immediately li
>sted before it. 
625          </td>
626        </tr>
627        <tr>
628          <td>
629            {{HTMLElement("figure")}} <a href="/en-US/docs/HTML/H
>TML5"><img alt="This element has been added in HTML5" src="/files 
>/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti 
>cal-align: middle;" title="This element has been added in HTML5"> 
></a> 
630          </td>
631          <td>
632            Represents a figure illustrated as part of the docume
>nt. 
633          </td>
634        </tr>
635        <tr>
636          <td>
637            {{HTMLElement("figcaption")}} <a href="/en-US/docs/HT
>ML/HTML5"><img alt="This element has been added in HTML5" src="/f 
>iles/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; v 
>ertical-align: middle;" title="This element has been added in HTM 
>L5"></a> 
638          </td>
639          <td>
640            Represents the legend of a figure.
641          </td>
642        </tr>
643        <tr>
644          <td>
645            {{HTMLElement("div")}}
646          </td>
647          <td>
648            Represents a generic container with no special meanin
>g. 
649          </td>
650        </tr>
651      </tbody>
652    </table>
653    <h2 id="Text-level_semantics">
654      Text-level semantics
655    </h2>
656    <table class="standard-table">
657      <thead>
658        <tr>
659          <th scope="col">
660            Element
661          </th>
662          <th scope="col">
663            Description
664          </th>
665        </tr>
666      </thead>
667      <tbody>
668        <tr>
669          <td>
670            {{HTMLElement("a")}}
671          </td>
672          <td>
673            Represents a <i>hyperlink</i> , linking to another re
>source. 
674          </td>
675        </tr>
676        <tr>
677          <td>
678            {{HTMLElement("em")}}
679          </td>
680          <td>
681            Represents <i>emphasized</i> text, like a stress acce
>nt. 
682          </td>
683        </tr>
684        <tr>
685          <td>
686            {{HTMLElement("strong")}}
687          </td>
688          <td>
689            Represents especially <i>important</i> text.
690          </td>
691        </tr>
692        <tr>
693          <td>
694            {{HTMLElement("small")}}
695          </td>
696          <td>
697            Represents a <i>side comment</i> , that is, text like
> a disclaimer or a copyright, which is not essential to the compr 
>ehension of the document. 
698          </td>
699        </tr>
700        <tr>
701          <td>
702            {{HTMLElement("s")}}
703          </td>
704          <td>
705            Represents content that is no <i>longer accurate or r
>elevant</i> . 
706          </td>
707        </tr>
708        <tr>
709          <td>
710            {{HTMLElement("cite")}}
711          </td>
712          <td>
713            Represents the <i>title of a work</i> .
714          </td>
715        </tr>
716        <tr>
717          <td>
718            {{HTMLElement("q")}}
719          </td>
720          <td>
721            Represents an inline <i>quotation</i> .
722          </td>
723        </tr>
724        <tr>
725          <td>
726            {{HTMLElement("dfn")}}
727          </td>
728          <td>
729            Represents a term whose <i>definition</i> is containe
>d in its nearest ancestor content. 
730          </td>
731        </tr>
732        <tr>
733          <td>
734            {{HTMLElement("abbr")}}
735          </td>
736          <td>
737            Represents an <i>abbreviation</i> or an <i>acronym</i
>> ; the expansion of the abbreviation can be represented in the < 
>code>title</code> attribute. 
738          </td>
739        </tr>
740        <tr>
741          <td>
742            {{HTMLElement("data")}} <a href="/en-US/docs/HTML/HTM
>L5"><img alt="This element has been added in HTML5" src="/files/3 
>843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica 
>l-align: middle;" title="This element has been added in HTML5"></ 
>a> 
743          </td>
744          <td>
745            Associates to its content a <i>machine-readable equiv
>alent</i> . (This element is only in the WHATWG version of the HT 
>ML standard, and not in the W3C version of HTML5). 
746          </td>
747        </tr>
748        <tr>
749          <td>
750            {{HTMLElement("time")}} <a href="/en-US/docs/HTML/HTM
>L5"><img alt="This element has been added in HTML5" src="/files/3 
>843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica 
>l-align: middle;" title="This element has been added in HTML5"></ 
>a> 
751          </td>
752          <td>
753            Represents a <i>date</i> and <i>time</i> value; the m
>achine-readable equivalent can be represented in the <code>dateti 
>me</code> attribute. 
754          </td>
755        </tr>
756        <tr>
757          <td>
758            {{HTMLElement("code")}}
759          </td>
760          <td>
761            Represents <i>computer code</i> .
762          </td>
763        </tr>
764        <tr>
765          <td>
766            {{HTMLElement("var")}}
767          </td>
768          <td>
769            Represents a <i>variable,</i> that is, <i>an actual m
>athematical expression or programming context, an identifier repr 
>esenting a constant, a symbol identifying a physical quantity, a  
>function parameter, or a mere placeholder in prose.</i> 
770          </td>
771        </tr>
772        <tr>
773          <td>
774            {{HTMLElement("samp")}}
775          </td>
776          <td>
777            Represents the <i>output</i> of a program or a comput
>er. 
778          </td>
779        </tr>
780        <tr>
781          <td>
782            {{HTMLElement("kbd")}}
783          </td>
784          <td>
785            Represents <i>user input</i> , often from the keyboar
>d, but not necessarily; it may represent other input, like transc 
>ribed voice commands. 
786          </td>
787        </tr>
788        <tr>
789          <td>
790            {{HTMLElement("sub")}},{{HTMLElement("sup")}}
791          </td>
792          <td>
793            Represent a <i>subscript</i> , or a <i>superscript.</
>i> 
794          </td>
795        </tr>
796        <tr>
797          <td>
798            {{HTMLElement("i")}}
799          </td>
800          <td>
801            Represents some text in an <i>alternate</i> voice or 
>mood, or at least of different quality, such as a taxonomic desig 
>nation, a technical term, an idiomatic phrase, a thought, or a sh 
>ip name. 
802          </td>
803        </tr>
804        <tr>
805          <td>
806            {{HTMLElement("b")}}
807          </td>
808          <td>
809            Represents a text which to which attention is drawn f
>or <i>utilitarian purposes</i> . It doesn't convey extra importan 
>ce and doesn't imply an alternate voice. 
810          </td>
811        </tr>
812        <tr>
813          <td>
814            {{HTMLElement("u")}}
815          </td>
816          <td>
817            Represents a non-textual annoatation for which the co
>nventional presentation is <em>underlining</em>, such labeling th 
>e text as being misspelt or labeling a proper name in Chinese tex 
>t. 
818          </td>
819        </tr>
820        <tr>
821          <td>
822            {{HTMLElement("mark")}} <a href="/en-US/docs/HTML/HTM
>L5"><img alt="This element has been added in HTML5" src="/files/3 
>843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica 
>l-align: middle;" title="This element has been added in HTML5"></ 
>a> 
823          </td>
824          <td>
825            Represents text highlighted for <i>reference</i> purp
>oses, that is for its relevance in another context. 
826          </td>
827        </tr>
828        <tr>
829          <td>
830            {{HTMLElement("ruby")}} <a href="/en-US/docs/HTML/HTM
>L5"><img alt="This element has been added in HTML5" src="/files/3 
>843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertica 
>l-align: middle;" title="This element has been added in HTML5"></ 
>a> 
831          </td>
832          <td>
833            Represents content to be marked with <i>ruby annotati
>ons</i> , short runs of text presented alongside the text. This i 
>s often used in conjunction with East Asian language where the an 
>notations act as a guide for pronunciation, like the Japanese <i> 
>furigana</i> . 
834          </td>
835        </tr>
836        <tr>
837          <td>
838            {{HTMLElement("rt")}} <a href="/en-US/docs/HTML/HTML5
>"><img alt="This element has been added in HTML5" src="/files/384 
>3/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical- 
>align: middle;" title="This element has been added in HTML5"></a> 
839          </td>
840          <td>
841            Represents the <i>text of a ruby annotation</i> .
842          </td>
843        </tr>
844        <tr>
845          <td>
846            {{HTMLElement("rp")}} <a href="/en-US/docs/HTML/HTML5
>"><img alt="This element has been added in HTML5" src="/files/384 
>3/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical- 
>align: middle;" title="This element has been added in HTML5"></a> 
847          </td>
848          <td>
849            Represents <i>parenthesis</i> around a ruby annotatio
>n, used to display the annotation in an alternate way by browsers 
> not supporting the standard display for annotations. 
850          </td>
851        </tr>
852        <tr>
853          <td>
854            {{HTMLElement("bdi")}} <a href="/en-US/docs/HTML/HTML
>5"><img alt="This element has been added in HTML5" src="/files/38 
>43/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical 
>-align: middle;" title="This element has been added in HTML5"></a 
>> 
855          </td>
856          <td>
857            Represents text that must be <i>isolated</i> from its
> surrounding for bidirectional text formatting. It allows embeddi 
>ng a span of text with a different, or unknown, directionality. 
858          </td>
859        </tr>
860        <tr>
861          <td>
862            {{HTMLElement("bdo")}}
863          </td>
864          <td>
865            Represents the <i>directionality</i> of its children,
> in order to explicitly override the Unicode bidirectional algori 
>thm. 
866          </td>
867        </tr>
868        <tr>
869          <td>
870            {{HTMLElement("span")}}
871          </td>
872          <td>
873            Represents text with no specific meaning. This has to
> be used when noother text-semantic element conveys an adequate m 
>eaning, which, in this case, is often brought by global attribute 
>s like <code>class</code>, <code>lang</code>, or <code>dir</code> 
>. 
874          </td>
875        </tr>
876        <tr>
877          <td>
878            {{HTMLElement("br")}}
879          </td>
880          <td>
881            Represents a <i>line break</i> .
882          </td>
883        </tr>
884        <tr>
885          <td>
886            {{HTMLElement("wbr")}} <a href="/en-US/docs/HTML/HTML
>5"><img alt="This element has been added in HTML5" src="/files/38 
>43/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical 
>-align: middle;" title="This element has been added in HTML5"></a 
>> 
887          </td>
888          <td>
889            Represents a <i>line break opportunity</i> , that is 
>a suggested point for wrapping text in order to improve readabili 
>ty of text split on several lines. 
890          </td>
891        </tr>
892      </tbody>
893    </table>
n927    <table class="standard-table">n
928      <thead>
929        <tr>
930          <th scope="col">
931            &nbsp;
932          </th>
933          <th scope="col">
934            &nbsp;
935          </th>
936        </tr>
937      </thead>
938      <tbody>
939        <tr>
940          <td>
941            &nbsp;
942          </td>
943          <td>
944            &nbsp;
945          </td>
946        </tr>
947        <tr>
948          <td>
949            &nbsp;
950          </td>
951          <td>
952            &nbsp;
953          </td>
954        </tr>
955        <tr>
956          <td>
957            &nbsp;
958          </td>
959          <td>
960            &nbsp;
961          </td>
962        </tr>
963        <tr>
964          <td>
965            &nbsp;
966          </td>
967          <td>
968            &nbsp;
969          </td>
970        </tr>
971        <tr>
972          <td>
973            &nbsp;
974          </td>
975          <td>
976            &nbsp;
977          </td>
978        </tr>
979        <tr>
980          <td>
981            &nbsp;
982          </td>
983          <td>
984            &nbsp;
985          </td>
986        </tr>
987        <tr>
988          <td>
989            &nbsp;
990          </td>
991          <td>
992            &nbsp;
993          </td>
994        </tr>
995        <tr>
996          <td>
997            &nbsp;
998          </td>
999          <td>
1000            &nbsp;
1001          </td>
1002        </tr>
1003        <tr>
1004          <td>
1005            &nbsp;
1006          </td>
1007          <td>
1008            &nbsp;
1009          </td>
1010        </tr>
1011        <tr>
1012          <td>
1013            &nbsp;
1014          </td>
1015          <td>
1016            &nbsp;
1017          </td>
1018        </tr>
1019        <tr>
1020          <td>
1021            &nbsp;
1022          </td>
1023          <td>
1024            &nbsp;
1025          </td>
1026        </tr>
1027        <tr>
1028          <td>
1029            &nbsp;
1030          </td>
1031          <td>
1032            &nbsp;
1033          </td>
1034        </tr>
1035        <tr>
1036          <td>
1037            &nbsp;
1038          </td>
1039          <td>
1040            &nbsp;
1041          </td>
1042        </tr>
1043        <tr>
1044          <td>
1045            &nbsp;
1046          </td>
1047          <td>
1048            &nbsp;
1049          </td>
1050        </tr>
1051      </tbody>
1052    </table>
n1054      Tabular datan943      Table content
nn1231      <li>{{HTMLElement("abbr")}}
1232      </li>
1233      <li>{{HTMLElement("acronym")}}
1234      </li>
1235      <li>{{HTMLElement("address")}}
1236      </li>
1237      <li>{{HTMLElement("area")}}
1238      </li>
1239      <li>{{HTMLElement("article")}}
1240      </li>
1241      <li>{{HTMLElement("aside")}}
1242      </li>
1243      <li>{{HTMLElement("audio")}}
1244      </li>
nn1252      <li>{{HTMLElement("bdi")}}
1253      </li>
1254      <li>{{HTMLElement("bdo")}}
1255      </li>
1256      <li>{{HTMLElement("bgsound")}}
1257      </li>
1258      <li>{{HTMLElement("big")}}
1259      </li>
1260      <li>{{HTMLElement("blockquote")}}
1261      </li>
nn1264      <li>{{HTMLElement("br")}}
1265      </li>
1266      <li>{{HTMLElement("button")}}
1267      </li>
1268      <li>
1269        <strong>C</strong>
1270      </li>
1271      <li>{{HTMLElement("canvas")}}
1272      </li>
1273      <li>{{HTMLElement("caption")}}
1274      </li>
1275      <li>{{HTMLElement("cite")}}
1276      </li>
1277      <li>{{HTMLElement("code")}}
1278      </li>
1279      <li>{{HTMLElement("col")}}
1280      </li>
1281      <li>{{HTMLElement("colgroup")}}
1282      </li>
1283      <li>{{HTMLElement("command")}}
1284      </li>
1285      <li>
1286        <strong>D</strong>
1287      </li>
1288      <li>{{HTMLElement("datalist")}}
1289      </li>
1290      <li>{{HTMLElement("dd")}}
1291      </li>
1292      <li>{{HTMLElement("del")}}
1293      </li>
1294      <li>{{HTMLElement("details")}}
1295      </li>
1296      <li>{{HTMLElement("dfn")}}
1297      </li>
1298      <li>{{HTMLElement("div")}}
1299      </li>
1300      <li>{{HTMLElement("dl")}}
1301      </li>
1302      <li>{{HTMLElement("dt")}}
1303      </li>
nn1309      <li>{{HTMLElement("embed")}}
1310      </li>
nn1314      <li>{{HTMLElement("fieldset")}}
1315      </li>
1316      <li>{{HTMLElement("figcaption")}}
1317      </li>
1318      <li>{{HTMLElement("figure")}}
1319      </li>
1320      <li>{{HTMLElement("footer")}}
1321      </li>
1359      <li>{{HTMLElement("frame")}}1322      <li>{{HTMLElement("form")}}
1360      </li>
1361      <li>{{HTMLElement("frameset")}}
nn1327      <li>{{HTMLElement("h1")}}
1328      </li>
1329      <li>{{HTMLElement("h2")}}
1330      </li>
1331      <li>{{HTMLElement("h3")}}
1332      </li>
1333      <li>{{HTMLElement("h4")}}
1334      </li>
1335      <li>{{HTMLElement("h5")}}
1336      </li>
1337      <li>{{HTMLElement("h6")}}
1338      </li>
nn1341      <li>{{HTMLElement("header")}}
1342      </li>
1343      <li>{{HTMLElement("hgroup")}}
1344      </li>
1345      <li>{{HTMLElement("hr")}}
1346      </li>
nn1350        <strong>I</strong>
1351      </li>
1352      <li>{{HTMLElement("i")}}
1353      </li>
1354      <li>{{HTMLElement("iframe")}}
1355      </li>
1356      <li>{{HTMLElement("img")}}
1357      </li>
1358      <li>{{HTMLElement("input")}}
1359      </li>
1360      <li>{{HTMLElement("ins")}}
1361      </li>
1362      <li>{{HTMLElement("isindex")}}
1363      </li>
1364      <li>
1365        <strong>K</strong>
1366      </li>
1367      <li>{{HTMLElement("kbd")}}
1368      </li>
1369      <li>{{HTMLElement("keygen")}}
1370      </li>
1371      <li>
nn1374      <li>{{HTMLElement("label")}}
1375      </li>
1376      <li>{{HTMLElement("legend")}}
1377      </li>
1378      <li>{{HTMLElement("li")}}
1379      </li>
nn1382      <li>{{HTMLElement("listing")}}
1383      </li>
nn1387      <li>{{HTMLElement("map")}}
1388      </li>
1389      <li>{{HTMLElement("mark")}}
1390      </li>
1391      <li>{{HTMLElement("marquee")}}
1392      </li>
1393      <li>{{HTMLElement("menu")}}
1394      </li>
nn1397      <li>{{HTMLElement("meter")}}
1398      </li>
nn1402      <li>{{HTMLElement("nav")}}
1403      </li>
1404      <li>{{HTMLElement("nobr")}}
1405      </li>
1406      <li>{{HTMLElement("noframes")}}
1407      </li>
nn1411        <strong>O</strong>
1412      </li>
1413      <li>{{HTMLElement("object")}}
1414      </li>
1415      <li>{{HTMLElement("ol")}}
1416      </li>
1417      <li>{{HTMLElement("optgroup")}}
1418      </li>
1419      <li>{{HTMLElement("option")}}
1420      </li>
1421      <li>{{HTMLElement("output")}}
1422      </li>
1423      <li>
1424        <strong>P</strong>
1425      </li>
1426      <li>{{HTMLElement("p")}}
1427      </li>
1428      <li>{{HTMLElement("param")}}
1429      </li>
1430      <li>{{HTMLElement("plaintext")}}
1431      </li>
1432      <li>{{HTMLElement("pre")}}
1433      </li>
1434      <li>{{HTMLElement("progress")}}
1435      </li>
1436      <li>
1437        <strong>Q</strong>
1438      </li>
1439      <li>{{HTMLElement("q")}}
1440      </li>
1441      <li>
1442        <strong>R</strong>
1443      </li>
1444      <li>{{HTMLElement("rp")}}
1445      </li>
1446      <li>{{HTMLElement("rt")}}
1447      </li>
1448      <li>{{HTMLElement("ruby")}}
1449      </li>
1450      <li>
nn1453      <li>{{HTMLElement("samp")}}
1454      </li>
nn1457      <li>{{HTMLElement("section")}}
1458      </li>
1459      <li>{{HTMLElement("select")}}
1460      </li>
1461      <li>{{HTMLElement("small")}}
1462      </li>
1463      <li>{{HTMLElement("source")}}
1464      </li>
1465      <li>{{HTMLElement("small")}}
1466      </li>
1467      <li>{{HTMLElement("span")}}
1468      </li>
nn1473      <li>{{HTMLElement("sub")}}
1474      </li>
1475      <li>{{HTMLElement("summary")}}
1476      </li>
1477      <li>{{HTMLElement("sup")}}
1478      </li>
nn1482      <li>{{HTMLElement("table")}}
1483      </li>
1484      <li>{{HTMLElement("tbody")}}
1485      </li>
1486      <li>{{HTMLElement("td")}}
1487      </li>
1488      <li>{{HTMLElement("textarea")}}
1489      </li>
1490      <li>{{HTMLElement("tfoot")}}
1491      </li>
1492      <li>{{HTMLElement("th")}}
1493      </li>
1494      <li>{{HTMLElement("thead")}}
1495      </li>
1496      <li>{{HTMLElement("time")}}
1497      </li>
tt1499      </li>
1500      <li>{{HTMLElement("tr")}}
1501      </li>
1502      <li>{{HTMLElement("track")}}
1503      </li>
1504      <li>{{HTMLElement("tt")}}
1505      </li>
1506      <li>
1507        <strong>U</strong>
1508      </li>
1509      <li>{{HTMLElement("u")}}
1510      </li>
1511      <li>{{HTMLElement("ul")}}
1512      </li>
1513      <li>
1514        <strong>V</strong>
1515      </li>
1516      <li>{{HTMLElement("var")}}
1517      </li>
1518      <li>{{HTMLElement("video")}}
1519      </li>
1520      <li>
1521        <strong>W</strong>
1522      </li>
1523      <li>{{HTMLElement("wbr")}}
1524      </li>
1525      <li>
1526        <strong>X</strong>
1527      </li>
1528      <li>{{HTMLElement("xmp")}}

Back to History