HTML H1 To H6 Id Attribute - Dofactory

Trang chủ » H1 A H6 » HTML H1 To H6 Id Attribute - Dofactory

Có thể bạn quan tâm

  • SQL SQL Tutorial SQL Reference Connection Strings
  • .NET C# Design Patterns C# Coding Standards C# Code Examples Visual Studio Shortcut Keys
  • HTML HTML Tutorial HTML Reference
  • CSS CSS Tutorial CSS Reference
  • JavaScript JavaScript Tutorial JavaScript Design Patterns
  • SQL
  • .NET
  • HTML
  • CSS
  • JavaScript
Select tutorial
Sql Tutorial Sql Reference Connection Strings
Select tutorial
C# Design Patterns C# Coding Standards C# Code Examples Visual Studio Shortcut Keys
Select tutorial
HTML Tutorial HTML Reference
Select tutorial
CSS Tutorial CSS Reference
Select tutorial
JavaScript Tutorial JavaScript Design Patterns HTML Reference HTML Reference HTML Tags HTML Tag Groups HTML Attributes HTTP Media Types HTTP Methods HTTP Status Codes HTML Country Codes HTML Language Codes HTML Event Attributes HTML Editor HTML Tags HMTL <a> HTML <abbr> HTML <address> HTML <area> HTML <article> HTML <aside> HTML <audio> HTML <b> HTML <base> HTML <blockquote> HTML <body> HTML <br> HTML <button> HTML <canvas> HTML <caption> HTML <cite> HTML <code> HTML <col> HTML <colgroup> HTML <data> HTML <datalist> HTML <dd> HTML <del> HTML <details> HTML <div> HTML <dl> HTML <dt> HTML <em> HTML <embed> HTML <fieldset> HTML <figcaption> HTML <figure> HTML <footer> HTML <form> HTML <h1> to <h6> HTML <head> HTML <header> HTML <hr> HTML <html> HTML <i> HTML <iframe> HTML <img> HTML <input> HTML <ins> HTML <kbd> HTML <label> HTML <legend> HTML <li> HTML <link> HTML <main> HTML <map> HTML <mark> HTML <meta> HTML <meter> HTML <nav> HTML <noscript> HTML <object> HTML <ol> HTML <optgroup> HTML <option> HTML <output> HTML <p> HTML <param> HTML <picture> HTML <pre> HTML <progress> HTML <q> HTML <rp> HTML <rt> HTML <ruby> HTML <samp> HTML <script> HTML <section> HTML <select> HTML <small> HTML <source> HTML <span> HTML <strong> HTML <style> HTML <sub> HTML <summary> HTML <sup> HTML <svg> HTML <table> HTML <tbody> HTML <td> HTML <template> HTML <textarea> HTML <tfoot> HTML <th> HTML <thead> HTML <time> HTML <title> HTML <tr> HTML <track> HTML <u> HTML <ul> HTML <var> HTML <video> HTML <wbr> HTML comment HTML <!DOCTYPE> Deprecated Deprecated Tags Deprecated Attributes Back to HTML Select Tutorial
  • HTML Tutorial
  • HTML Reference
  • CSS Tutorial
  • CSS Reference
  • SQL Tutorial
  • SQL Reference
  • JavaScript Tutorial
  • JavaScript Patterns
  • C# Design Patterns
  • C# Coding Standards
  • Connection Strings
  • Visual Studio Shortcuts
Earn income with your HTML skills Sign up and we'll send you the best freelance opportunities straight to your inbox. We're building the largest freelancing marketplace for people like you. Send Me Opportunities By adding your name & email you agree to our terms, privacy and cookie policies. HTML <h1>-<h6> id Attribute HTML <form> HTML <head>

An id on a <h1>-<h6> tag assigns an identifier to the heading.

The identifier must be unique across the page.

Example

#

An id attribute on an <h3> element.

The Origins of HTML

In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system. Berners-Lee specified HTML and wrote the browser and server software in late 1990.

<article> <h3 id="article-heading">The Origins of HTML</h3> <p> In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system. Berners-Lee specified HTML and wrote the browser and server software in late 1990. </p> </article> Try it live

Using id

#

The id attribute assigns an identifier to the <h1> to <h6> elements.

The id allows JavaScript to easily access the <h1> to <h6> elements.

It is also used to point to a specific id selector in a style sheet.

Tip: id is a global attribute that can be applied to any HTML element.

Syntax

#

<h1 | h2 | h3 | h4 | h5 | h6 id="identifier" />

Values

#

Value Description
identifier A unique alphanumeric string. The id value must begin with a letter ([article-Zarticle-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (-), underscores (_), colons (:), and periods (.).

More Examples

#

A <h3> element with a unique id. Clicking the button displays the heading text.

The California Gold Rush

The California Gold Rush (1848–1855) was a gold rush that began on January 24, 1848, when gold was found by James W. Marshall at Sutter's Mill in Coloma, California. The news of gold brought approximately 300,000 people to California from the rest of the United States and abroad.

Show heading <article> <h3 id="myheading">The California Gold Rush</h3> <p> The California Gold Rush (1848–1855) was a gold rush that began on January 24, 1848, when gold was found by James W. Marshall at Sutter's Mill in Coloma, California. The news of gold brought approximately 300,000 people to California from the rest of the United States and abroad. </p> </article> <br/> <button onclick="show();">Show heading</button> <script> let show = () => { let element = document.getElementById("myheading"); alert("Heading = " + element.innerHTML); } </script> Try it live

Code explanation

The id attribute assigns a unique identifier for the <h3> element.

Clicking the button calls JavaScript which locates the <h3> using the id.

Finally, the content of the <h3> element is displayed in an alert box.

Browser support

#

Here is when id support started for each browser:

Chrome 1.0 Sep 2008
Firefox 1.0 Sep 2002
IE/Edge 1.0 Aug 1995
Opera 1.0 Jan 2006
Safari 1.0 Jan 2003

You may also like

#

  • Our HTML h1-h6 Tag Reference
  • Our HTML id Attribute Reference
  • Our CSS Text Tutorial

Back to <h1 to h6> Jack Poorte Jack Poorte Last updated on Sep 30, 2023 Earn income with your HTML skills Sign up and we'll send you the best freelance opportunities straight to your inbox. We're building the largest freelancing marketplace for people like you. Send Me Opportunities By adding your name & email you agree to our terms, privacy and cookie policies. Guides
  • HTML Tables
  • HTML Images
  • HTML Color Names
  • HTML Links
  • HTML Tags
  • HTML Lists
  • HTML Forms
  • HTML Buttons
  • HTML Spaces
  • HTML Checkboxes
  • HTML Editors
  • HTML Comments
On this page
  • id Attribute
  • Example
  • Using id
  • Syntax
  • Values
  • More Examples
  • Browser support
  • You may also like

Từ khóa » H1 A H6