HTML element

src: i.ytimg.com

An HTML element is an individual component of an HTML document or web page, after which it has been described in the Document Object Model. HTML consists of an HTML node tree, like a text node. Each node can have the specified HTML attribute. Nodes can also have content, including nodes and other text. Many HTML nodes represent semantics or meaning. For example, & lt; title & gt; node represents the title of the document.

Video HTML element

Konsep

Dokumen vs. DOM

HTML documents submitted as "documents". This is then parsed, which converts it into an internal representation of Document Object Model (DOM), inside a web browser.

Presentations by web browsers, such as screen rendering or access by JavaScript, are then performed on this internal model instead of the original document.

The original HTML document, and at the current lower level, is mostly invalid HTML and is full of syntax errors. The parsing process is also needed to "fix" this error, as best as it can. The resulting model is often not true (that is, it does not represent what was originally intended by careless coders), but will at least be valid, in accordance with HTML standards. A valid model is produced, no matter how bad "tag soup" is provided. Only in the rarest cases will the parser leave the parsing altogether.

Elements vs. tag

"Elements" and "tags" are very confusing terms. HTML documents contain tags, but do not contain elements. Elements only generate after parsing steps, from these tags.

As generally understood, the position of the element is shown as include from the start tag, may include some child content, and is terminated by the end tag. This is the case for many, but not all, elements in an HTML document.

Because HTML is based on SGML, the parsing also depends on the use of DTDs, especially HTML DTDs such as for HTML 4.01. DTD determines which type of element is possible (ie determines the type of element used to compile HTML) and DTD also specifies a valid combination where they can appear in the document. This is part of a general SGML behavior in which only one valid structure is maybe (per DTD), it is not generally a requirement that the document explicitly states that structure. As a simple example, & lt; p & gt; initial tags indicating the beginning of paragraph elements to be closed by & lt;/ p & gt; end tag, indicating the end of the element. Also DTD states that paragraph elements can not be repeated. HTML document fragment:

& lt; p & gt; The 1 & lt; p & gt; The 2 & lt; p & gt; The 3

dengan demikian dapat disimpulkan menjadi setara dengan:

& lt; p & gt ; Para 1 & lt;/ p & gt; & lt; p & gt; Para 2 & lt;/ p & gt; & lt; p & gt; Para 3

(If one paragraph element can not contain another, every paragraph that is currently open must be closed before starting another.)

Because of this implied behavior, based on a combination of DTD and individual documents, it is not possible to deduce elements from the only document tag, but only by also using a conscious SGML or HTML aware parser, with knowledge of DTD.

SGML vs. XML

SGML is complex, which has limited its adoption and understanding extensively. XML was developed as a simpler alternative. XML is similar to SGML, which can also use the DTD mechanism to determine which elements are supported and combinations are allowed as document structures. Decomposition of XML is simpler. The relationship of the tag to the element is always an actual parsing of tags included in the document, without any implied closure that is part of SGML.

In Macro HTML can be formed as XML, either through XHTML or via HTML5, decomposition of document tags as a simplified DOM element. Once the DOM element is obtained, the behavior beyond that point (ie rendering the screen) is identical.

% block; vs. box

Part of this CSS presentation behavior is the idea of ​​"box model". This is applied to elements considered CSS as a "block" element, set via CSS display span>: block ; declaration.

HTML also has a similar concept, albeit different, and both are very often confused. % block; and % inline; is a group in the HTML DTD that groups elements as "block level" or "inline". This is used to determine their nested behavior: block-level elements can not be placed into an inline context. This behavior can not be changed; it was fixed in DTD. Blocks and inline elements have appropriate and different CSS behaviors attached to them by default, including the relevance of the box model for certain element types.

Note that this CSS behavior can, and often, be changed from the default. List with & lt; ul & gt; & lt; li & gt; ... is the % block element; and is presented as a block element by default. However, it is very common to set this with CSS to be displayed as an inline list.

Maps HTML element

Overview

Syntax

In HTML syntax, most elements are written with the start tag and end tags, with content in between. The HTML tag consists of an element name, surrounded by angle brackets. The end tag also has a slash after the opening corner bracket, to distinguish it from the start tag. For example, a paragraph, represented by & lt; p & gt; element, will be written as:

However, not all of these elements require end tags, or even start tags, to be present. Some elements, called void elements or blank elements , have no end tags. A common example is & lt; br /& gt; element, which indicates a significant line break, as in poetry or address. The behavior of a blank element is predefined, and can not contain any content or other elements. For example, the address will be written as:

When using XHTML DTD, it is necessary to open and close elements with a single tag. To specify that it is an empty element, a / is included in end of the tag (not to be confused with / in start of the closing tag).

The HTML attribute is specified inside the start tag. For example, & lt; abbr & gt; element, which represents an abbreviation, expects a & lt; title & gt; attribute in the opening tag. This will be written as:

There are several types of HTML elements: empty elements, raw text elements, and normal elements.

Hollow elements have only start tags, which contain any HTML attributes. They may not contain children, such as text or other elements. Often they place holders for elements that reference external files, such as images ( & lt; img /& gt; ) element. Attributes included in the element will point to the external file in question. Another example of an empty element is & lt; link /& gt; element, the syntax is:

This is & lt; link /& gt; element points the browser to a style sheet to use when presenting HTML documents to users. Note that in the HTML syntax, the attribute should not be cited if it only consists of several characters: letters, numbers, minus signs, and full stop points. When using XML syntax (XHTML), on the other hand, all attributes must be quoted, and trailing slashes are required before the last corner brackets:

The raw text element is constructed with:

• a start tag ( & lt; tag & gt; ) marks the start of an element, which can incorporate a number of HTML attributes;
• some amount of text content , but no element (all tags, regardless of ending tag applicable, will be interpreted as content);
• the end tag, where element name starts with a slash: & lt ;/ tag & gt; . In some versions of HTML, the end tag is optional for some elements. End tag required in XHTML.

Normal elements typically have a start tag and a end tag, though for some elements, the end tag, or both tags, can be ignored. It's built in the same way:

• a start tag ( & lt; tag & gt; ) marks the start of an element, which can incorporate a number of HTML attributes;
• some amount of content , including text and other elements;
• the end tag, where element name starts with a slash: & lt ;/ tag & gt; .

The HTML attribute specifies the desired behavior or shows additional element properties. Most attributes require value . In HTML, values ​​can be left without quotes if they do not include spaces ( name = value ), or can be quoted with single or double quotes ( name = 'value' or < code> name = "value" ). In XML, the quotes are required. The Boolean attribute, on the other hand, does not require a value to be specified. An example is checked for checkboxes:

In XML syntax, the name should be repeated as the value:

Informally, HTML elements are sometimes referred to as "tags" (examples of synecdoche), although many prefer the term tag to strictly refer to markup that limits the start and end of the element.

Elements (and attributes) names can be written in a combination of uppercase or small in HTML, but should be in lowercase in XHTML. The canonical form is capitalized to HTML 4, and is used in HTML specifications, but in recent years, lowercase has become more common.

Standard elements

The HTML element is defined in a series of freely available open standards issued since 1995, initially by the IETF and subsequently by the W3C.

During the browser wars of the 1990s, developers of user agents (eg web browsers) often developed their own elements, some of which have been adopted in later standards. Other user agents may not recognize non-standard elements, and they will be ignored, possibly causing the page to display improperly.

In 1998, XML (simplified form of SGML) introduced a mechanism to allow anyone to develop their own elements and combine them in XHTML documents, for use with XML-aware user agents.

Furthermore, HTML 4.01 is rewritten in XML-compatible form, XHTML 1.0 ( eXtensible HTML ). The elements in each are identical, and in most cases valid XHTML 1.0 documents will apply or almost apply HTML 4.01 documents. This article primarily focuses on real HTML, unless otherwise specified; However, it still applies to XHTML. See HTML for a discussion of the small differences between the two.

The element status

Because of the first version of HTML, some elements have become outdated, and obsolete in the later standard, or not appearing at all, in which case they are invalid (and will be found invalid , and may not be displayed, by validating the user agent).

Currently, element status is complicated by the presence of three types of HTML 4.01/XHTML 1.0 DTD:

• Transitions , which contain unused elements, but intended to provide a transition period in which authors can update their practices;
• Frameset , which is a transitional DTD version which also allows authors to write frameset documents;
• Strict , which is the current HTML form (in 1999).

The first standard (HTML 2.0) contains four unused elements, one of which is invalid in HTML 3.2. All four are invalid in HTML 4.01 Transition, which also no longer uses ten more elements. All of this, plus the other two, are not valid in HTML 4.01 Strict. While the frame elements are still up-to-date in terms of being present in the Transitional and Frameset DTDs, there are no plans to preserve them in future standards, as their functions have been replaced, and they are very problematic for user accessibility.

(Actually, the latest XHTML standard, XHTML 1.1 (2001), does not include frames at all, it's roughly equivalent to XHTML 1.0 Strict, but also includes the Ruby markup module. )

A common source of confusion is the loose use of obsolete to refer to invalid and invalid status, and to expected elements no longer used in the future.

Content vs. presentation and behavior

Since HTML 4, HTML has increasingly focused on separating content (visible text and images) from presentations (such as color, font size, and layout). This is often referred to as the separation of anxiety. HTML is used to represent the structure or contents of a document, its presentation remains the responsibility of the CSS style sheet. The standard style sheet is recommended as part of the CSS standard, providing a default render for HTML.

Behavior (interactivity) is also stored separately from the content, and handled by the script. Images are contained in separate graphical files, separate from the text, although they can also be considered part of the page content.

Separation of concerns allows documents to be presented by different user agents according to their purpose and capabilities. For example, the user agent can select the appropriate style sheet to present the document by displaying it on the monitor, printing on paper, or to specify speech characteristics in the audio user agent only. The structural and semantic functions of the markup remain identical in each case.

Historically, user agents do not always support this feature. In the 1990s, as a stop-stopping presentation element (such as span> b & gt; and & lt ; i & gt; ) are added to HTML, at the cost of creating problems for interoperability and user accessibility. These are now considered outdated and have been replaced by style-based designs; most presentational elements are now no longer used.

External image file combined with & lt; img & gt; or & lt; object & gt; element. (With XHTML, the SVG language can also be used to write graphics within documents, although linking to external SVG files is generally simpler.) Where images are not completely decorative, HTML allows replacement content with the same semantic value to be reserved for visual-user agents.

HTML documents can also be extended through the use of scripts to provide additional behavior beyond the capabilities of hyperlinks and HTML forms.

Element & lt; style & gt; and & lt; script & gt; , with related HTML attributes, provides a reference point in HTML markup for links to style sheets and scripts. They can also load instructions directly.

• In the document head, & lt; script & gt; and & lt; style & gt; can link to a shared external document, or contain embedded instructions. (Link & lt; & gt; element can also be used to associate style sheets.)
• The style attribute applies to most document body elements for the inclusion of an inline style instruction.
• The event handling attribute , which provides links to scripts, is optional in most elements.
• & lt; script & gt; can occur at any point within the body of the document.
• For user agents not operating scripts, & lt; noscript & gt; element provides alternative content if appropriate; however, this can only be used as a block level element.

src: i.pinimg.com

Document structure elements

& lt; html & gt; ... & lt;/html & gt;

The root element of an HTML document; all other elements are contained in this.

HTML elements restrict the beginning and end of HTML documents.

Standard in HTML 2.0; still smooth.

& lt; head & gt; ... & lt;/head & gt;

The container for processing information and metadata for HTML documents.

Standard in HTML 2.0; still smooth.

(See the document head element for child elements.)

& lt; body & gt; ... & lt;/body & gt;

A container for content that can be displayed from an HTML document.

Standard in HTML 2.0; still smooth.

(See document body elements for child elements.)

src: i.ytimg.com

Head document element

& lt; base /& gt;

Specify basic URL for all relative href and other links in the document. Must appear before any elements that refer to external resources. HTML only allows one & lt; base & gt; element for each document. & lt; base & gt; element has an HTML attribute, but it has no content.

The development version BASE is mentioned in HTML Tags ; standard in HTML 2.0; still smooth.

< del style = "color: gray;"> & lt; basefont /& gt; (no longer used)

Specifies the basic font size, font type, and color for the document. Used in conjunction with & lt; font & gt; element. No longer supports style sheets.

Standardize in HTML 3.2; is not used anymore in HTML 4.0 Transitions; invalid in HTML 4.0 Strict.

& lt; isindex /& gt; (deprecated)

& lt; isindex & gt; can appear on the document head or on the body, but only once in the document. View Form.

& lt; link /& gt;

Specify links to other documents, such as previous and subsequent links, or alternate versions. Common use is to link to an external style sheet, using the form:

& lt; link = "stylesheet" type = "text/css" href = "url" title = "description_of_style" & gt;

Less common, but important, use is to provide consistent navigation instructions through the use of microformats. Some general relationships are defined, which can be exposed to users via the browser interface rather than directly on a web page.

& lt; link = "next" href = "url" & gt;

Document & lt; head & gt; element can contain any number of & lt; link & gt; element. Link & lt; & gt; element has an HTML attribute, but it has no content.

LINK is in HTML Internet Draft 1.2 , and is standardized in HTML 2.0; still smooth.

& lt; meta /& gt;

Can be used to specify additional metadata about documents, such as authors, publication dates, expiration dates, page descriptions, keywords, or other information not provided via header elements and other HTML attributes. Due to its generic nature, & lt; meta & gt; element specifies an associative key value pair. In general, meta elements convey hidden information about documents. Some meta tags can be used, all of which must be nested in the head element. Specific purpose of each & lt; meta & gt; element is defined by its attributes.

In one form, & lt; meta & gt; element can specify HTTP headers that should be sent by the web server before the actual content. For example, & lt; meta http-equiv = "foo" content = "bar" & gt; specifies that the page should be presented with an HTTP header called foo that has a value of bar .

In the general form, & lt; meta & gt; element specifies the name and the associated content HTML attribute that describes aspects of the HTML page. To prevent possible ambiguity, an optional third attribute, the scheme, can be given to define a semantic framework that defines the key meaning and its value. For example, in & lt; meta = "foo" content span> = "bar" schematics = "DC" & gt; style & lt; meta & gt; The element identifies itself as containing the foo element, with a value of bar , from the DC or Dublin Core resource description template.

Standard in HTML 2.0; still smooth.

& lt; object & gt; ... & lt;/object & gt;

Used to include common objects in document headers. Although rarely used in & lt; head & gt; element, potentially used to extract foreign data and associate it with the current document.

Standard in HTML 4.0; still smooth.

& lt; script & gt; ... & lt;/script & gt;

Can act as a container for script instructions or links to external scripts with optional attributes src . It can also be used in document bodies to dynamically generate either block or inline content.

Standardize in HTML 3.2; still smooth.

& lt; style & gt; ... & lt;/style & gt;

Specifies a style for a document, usually in the form of:

& lt; style type = "text/css" & gt; ... & lt;/ style & gt;

Can act as a container for style instructions or links to an external style sheet - for example, in CSS, with @ import directives from form:

& lt; style & gt; @ import url ; & lt;/ style & gt;

Standardize in HTML 3.2; still smooth.

"title" style = "font-size: 116%;"> & lt; title & gt; ... & lt;/title & gt;

Specify the document title. Required in every HTML document and XHTML. User agents can use titles in different ways. As an example:

• Web browsers typically display it in the window title bar when the window opens, and (if any) on the taskbar when the window is minimized.
• This may be the default filename when saving the page.
• Search engine web crawlers may pay particular attention to the words used in the title.

& lt; title & gt; element can not contain other elements, only text. Only one & lt; title & gt; elements are allowed in the document.

& lt; title & gt; is in HTML Tags , and are standardized in HTML 2.0; still smooth.

src: blogsimages.adobe.com

Document body element

In a visual browser, displayable elements can be displayed as blocks or inline . While all elements are part of the document order, the blocking element appears in the parent element:

• as a rectangular object that does not penetrate the line;
• with block margins, properties of width and height that can be set independently of the surrounding elements.

In contrast, inline elements are treated as part of a document text stream; they can not have specified margins, widths or heights, and make line breaks.

Block elements

The block element, or block level element, has a rectangular structure. By default, these elements will reach the width of the parent element, and thus will not allow other elements to occupy the same horizontal space when placed.

The block element's rectangular structure is often referred to as a box model, and consists of several parts. Each element contains the following:

• content element is the actual text (or other media) placed between the opening tag and the closing element.
• padding element is the space around that content, which is still part of the element. Padding is physically part of an element, and should not be used to create white space between two elements. Any background style assigned to an element, such as a background image or color, will be visible in padding. Increasing the size of the element padding increases the amount of space this element needs.
• The boundary of the element is the absolute end of an element, and extends around that element. Border thickness increases element size.
• the margin of an element is the white space surrounding an element. Content, padding and other boundary elements will not be allowed into this area, unless forced to do so by some advanced CSS placements. Using most standard DTDs, the margins on the left and right of different elements will push each other. Margin at the top or bottom of the element, on the other hand, will not accumulate, or will blend. This means that the white space between these elements will be as big as the larger margin between them.

The above section only refers to the detailed implementation of CSS rendering and has no relevance to the HTML element itself.

Basic text

& lt; p & gt; ... & lt;/p & gt;

Membuat paragraf, mungkin elemen level blok yang paling umum.

P ada di Tag HTML , dan distandardisasi dalam HTML 2.0; masih lancar.

& lt; h1 & gt; ... < b style = "color: # 006633"> & lt;/h1 & gt; & lt; h2 & gt; ... & lt;/h2 & gt; & lt; h3 & gt; ... & lt;/h3 & gt; & lt; h4 & gt; ... & lt;/h4 & gt ; & lt; h5 & gt; ... & lt;/h5 & gt; & lt; h6 & gt; ... & lt;/h6 & gt;

Judul bagian pada level yang berbeda. h1 membatasi heading level tertinggi, h2 level berikutnya ke bawah (sub-bagian), h3 untuk level di bawahnya, dan seterusnya ke h6 . Mereka kadang-kadang disebut secara kolektif sebagai tag h n , n yang berarti salah satu dari level heading yang tersedia.

Sebagian besar peramban visual menampilkan judul sebagai teks tebal besar secara default, meskipun ini dapat diganti dengan CSS. Elemen heading tidak dimaksudkan hanya untuk membuat teks besar atau tebal - pada kenyataannya, mereka seharusnya tidak digunakan untuk teks styling secara eksplisit. Sebaliknya, mereka menggambarkan struktur dan organisasi dokumen. Beberapa program menggunakannya untuk menghasilkan garis besar dan daftar isi.

Judul ada dalam Tag HTML , dan distandardisasi dalam HTML 2.0; masih lancar.

Daftar

< b style = "color: # 006633"> & lt; dl & gt; ... & lt;/dl & gt;

List description (association list a.k.a), which consists of name-value groups, and is known as a definition list before HTML5. The description list is for groups "terms and definitions, metadata topics and values, questions and answers, or other groups of name-value data".

DL is in HTML Tags , and are standardized in HTML 2.0; still smooth.

< b style = "color: # 006633"> & lt; dt & gt; ... & lt;/dt & gt;

Name in the description list (previous definition terms in the definition list).

DT is in HTML Tags , and are standardized in HTML 2.0; still smooth.

& lt; dd & gt; ... & lt;/dd & gt;

Value in the description list (previous definition data in the definition list).

DD is in HTML Tags , and are standardized in HTML 2.0; still smooth.

< b style = "color: # 006633"> & lt; ol & gt; ... & lt;/ol & gt;

List ordered (counted). The type attribute can be used to determine the type of marker used in the list, but the style sheet gives more control. The default is Arabic numbering. CSS: list-style-list: foo . HTML attribute: & lt; ol type = " foo " & gt; , in either case, replace foo with one of the following:

• A for A, B, C...
• a for a, b, c...
• I for I, II, III...
• i for me, ii, iii...
• 1 for 1, 2, 3...

OL exists in HTML Internet Draft 1.2 , and is standardized in HTML 2.0; still smooth.

& lt; ul & gt; ... & lt;/ul & gt;

Unordered list (pinned). Style sheets can be used to specify a list marker: list-style-list: foo . The default marker type is disc , the other values ​​are square , circle and none .

UL is in HTML Tags , and are standardized in HTML 2.0; still smooth.

< b style = "color: # 006633"> & lt; li & gt; ... & lt;/li & gt;

Item daftar dalam daftar yang dipesan ( ol ) atau tidak diurut ( ul ).

LI ada di Tag HTML , dan distandardisasi dalam HTML 2.0; masih lancar.

< del style = "color: gray;"> & lt; dir & gt; ... & lt;/dir & gt; (no longer used)

Directory list. The original purpose of this element has never been widely supported; no longer supports & lt; ul & gt; .

DIR is in HTML Tags , and are standardized in HTML 2.0; is not used anymore in HTML 4.0 Transitions; invalid in HTML 4.0 Strict.

Other block elements

& lt; address & gt; ... & lt;/address & gt;

Contact information for the author of the document.

ADDRESS is in HTML Tags , and are standardized in HTML 2.0; still smooth.

& lt; article & gt; ... & lt;/artikel & gt;

Digunakan untuk artikel dan konten lain yang serupa.

Standar dalam HTML5.

& lt; beside & gt; ... & lt;/side & gt;

Used for content in a document separate from the content of the main page, for example, sidebars or ads.

Standard in HTML5.

& lt; blockquote & gt; ... & lt;/blockquote & gt;

Block-level citations, because when the citations include block level elements, e.g. paragraph. The cite attribute can provide the source, and must be a fully qualified Unified Resource Identifier.

The default presentation of the citation blocks in the visual browser is usually to get them from both margins. This has caused the element used to be unnecessary only for indent paragraphs, regardless of semantics. For excerpts that do not contain block level elements, see the quotes ( q & gt; ) element.

BLOCKQUOTE is in HTML Internet Draft 1.2 , and is standardized in HTML 2.0; still current. See blockquote element for more information.

< del style = "color: gray;"> & lt; center & gt; ... & lt;/center & gt; (no longer used)

Create a central-level block-level share. No longer supports & lt; div & gt; or other elements with centering defined using style sheets.

Standardize in HTML 3.2; is not used anymore in HTML 4.0; not supported in HTML5.

& lt; del & gt; ... & lt;/del & gt;

Marks a piece of deleted content. This element can also be used as inline .

Standard in HTML 4.0; still smooth.

< b style = "color: # 006633"> & lt; div & gt; ... & lt;/div & gt;

Block-level logic division. Generic elements with no semantic meaning used to distinguish parts of a document, usually for purposes such as presentation or behavior controlled by a style sheet or a DOM call.

Proposed in HTML 3.0 Draft; Standardization in HTML 3.2; still smooth.

& lt; figure & gt; ... & lt;/number & gt;

Used for grouping images and captions, along with figcaption .

Standard in HTML5.

< b style = "color: # 006633"> & lt; figcaption & gt; ... & lt;/figcaption & gt;

Text for an image. Always placed inside the drawing element.

Standard in HTML5.

& lt; footer & gt; ... & lt;/footer & gt;

Used for the document footer. It may contain author or copyright information, or links to other pages.

Standard in HTML5.

& lt; header & gt; ... & lt;/header & gt;

Used for document headers. This usually contains content that introduces the page.

Standard in HTML5.

& lt; hr /& gt;

Horizontal rules. Presentation rules can also be drawn with style sheets.

Standard in HTML 2.0; still smooth.

< b style = "color: # 006633"> & lt; ins & gt; ... & lt;/ins & gt;

Marks an inserted content section. This element can also be used as inline .

Standard in HTML 4.0; still smooth.

< b style = "color: # 006633"> & lt; main & gt; ... & lt;/main & gt;

Berisi konten utama dokumen.

Standar dalam HTML5.

& lt; menu & gt; ... & lt;/menu & gt;

HTML 2.0: Menu list. Must be more succinct than & lt; ul & gt; list.

MENU is in HTML Tags , and are standardized in HTML 2.0; is not used anymore in HTML 4.0 Transitions; invalid in HTML 4.0 Strict; but then redefined in HTML5.

& lt; nav & gt; ... & lt;/nav & gt;

Digunakan dalam bagian navigasi artikel (area laman web yang berisi tautan ke laman web lain).

Standar dalam HTML5.

< b style = "color: # 006633"> & lt; noscript & gt; ... & lt;/noscript & gt;

Content replacement for scripts. Unlike scripts , this can only be used as a block level element.

Standard in HTML 4.0; still smooth.

& lt; pre & gt; ... & lt;/pre & gt;

Pre-format text. The text in this element is usually displayed in a non-proportional font exactly as it appears in the file (see ASCII art). While the browser ignores whitespace for other HTML elements, in pre , whitespace must be rendered as authored. (With CSS properties: : /span> pre ; font-family : monospace ;} , other elements can be presented in the same way.) This element can contain any inline elements except: image ( IMG ), object ( OBJECT ), large font size ( BIG ), lowercase size ( SMALL ), superscript ( SUP ), and subscript ( SUB ).

PRE is in HTML Internet Draft 1.2 , and is standardized in HTML 2.0; still smooth.

& lt; section & gt; ... & lt;/section & gt;

Used for common parts of documents. This is different from & lt; div & gt; in this case is only used to load parts of the page, defined by the W3C as a group of content with a similar theme.

Standard in HTML5.

& lt; script & gt; ... & lt;/script & gt;

Place the script in the document. It can also be used in the head and in inline context.

Note: SCRIPT is not a block or an inline element; by itself should not be displayed at all, but can contain instructions to dynamically generate either block or inline content.

Standardize in HTML 3.2; still smooth.

Inline elements

Inline elements can not be placed directly inside & lt; body & gt; element; they must be fully nested within block level elements.

Anchor

& lt; a & gt; ... & lt;/a & gt;

Anchor element is called anchor because web designer can use it to "anchor" URL to some text in web page. When a user views a web page in a browser, they can click on the text to activate the link and visit the page whose URL is in the link.

In HTML, an anchor can be either the origin (anchor text) or the final target (goal) of hyperlink .

With the href attribute, the anchor becomes a hyperlink to another part of the document or other resource (such as a web page) using an external URL. As an alternative (and sometimes simultaneously), with the set of name or id HTML attributes, the element becomes target . Uniform Resource Locator can link to this target through fragment identifiers. In HTML5, each element can now be made into a target by using the id attribute, so use & lt; a name = "foo" & gt; ... & lt;/ a & gt; is not required, although how to add this anchor continues to work.

To illustrate: the table headings in example.com can be converted into targets by writing

= Table of contents =

Continue this example, now that the section has been marked as a target, it can be referenced from an external site with links like

& lt; a href = "http://example.com#contents" & gt; view content & lt;/ a & gt;

or with links on the same page as:

& lt; a href = "content #" & gt; , above & lt;/ a & gt;

Attribute & lt; title & gt; can be set to provide brief information about links:

& lt; a href = "URL" title = "additional information" & gt; link text & lt;/ a & gt;

In most graphical browsers, when the cursor hovers over the link, the cursor changes to the hand with the extended index finger and & lt; title & gt; is displayed in the tooltip or by other means. Some browsers create alt text in the same way, though this is not what the spec means.

A is in HTML Tags , and are standardized in HTML 2.0; still smooth.

Phrase elements

General

& lt; abbr & gt; ... & lt;/abbr & gt;

Menandai singkatan, dan dapat membuat formulir lengkap tersedia:

& lt; abbr title = "singkatan" & gt; abbr. & lt;/ abbr & gt;

Standar dalam HTML 4.0; masih lancar.

& lt; akronim & gt; ... & lt;/acronym & gt; (tidak lagi digunakan)

Mirip dengan & lt; abbr < span> & gt; elemen, tetapi tandai akronim:

& lt; akronim title = "Bahasa Mark-up Hyper-Text" & gt; HTML & lt;/ akronim & gt;

Standar dalam HTML 4.0; masih lancar, tidak didukung dalam HTML5.

& lt; dfn & gt; ... & lt;/dfn & gt;

definisi sebaris dari satu suku.

DFN ada di HTML Internet Draft 1.2 , dan sepenuhnya terstandar dalam HTML 3.2; masih lancar.

& lt; em & gt; ... & lt;/em & gt;

Emphasis (conventionally shown in italics)

EM is in HTML Internet Draft 1.2 , and is standardized in HTML 2.0; still smooth.

< b style = "color: # 006633"> & lt; strong & gt; ... & lt;/strong & gt;

strong emphasis (printed conventionally).

The aural user agent can use different sounds for emphasis.

STRONG is in HTML Internet Draft 1.2 , and is standardized in HTML 2.0; still smooth.

Elements of a computer phrase

These elements are particularly useful for documenting the development of computer code and user interaction through source code differentiation ( & lt; code & gt; ), the source code variable ( & lt; var & gt; ), user input (style & lt; kbd & gt; ), and the terminal output span> ).

Source of the article : Wikipedia