When you publish a webpage, people are not the only ones reading it. Browsers, search engines, and sharing apps also look for clues about its meaning. This lesson explains how article metadata: publication and modification time fits into that picture.
The Idea in Plain English
Publication and modification dates help readers know when content was written and last changed. Use visible time elements, with machine-readable datetime values that match the actual dates.
You can test this using a small local HTML file. Change one part at a time and check the result in the browser before adding more code.
A Working Example
Read the sample once before copying it. Notice the element names and attribute values, then compare them with the explanation below.
<article>
<h1>Build a Mini Greenhouse</h1>
<p>Published <time datetime="2026-04-15">April 15, 2026</time></p>
<p>Updated <time datetime="2026-10-07">October 7, 2026</time></p>
</article>What Each Part Does
- An article identifies a self-contained piece of content.
- The time element pairs readable dates with machine-readable datetime values.
- The h1 identifies the principal page heading.
- datetime stores a date or time in a machine-readable format.
The dates are understandable to people, while software can parse the standardized values.
Keep the example small while learning. Once it behaves as expected, try it inside a larger page and make sure the URLs, files and surrounding HTML are correct.
Try It Yourself
Try this next: create one complete head or structured content example focused on Article Metadata: Publication and Modification Time, including a working example and an incorrect example to correct. Then inspect the page and explain what changed.
Common Beginner Mistakes
- Changing dateModified metadata without actually updating the article, or hiding dates that readers need.
- Changing several parts of the example at once, making it difficult to see which part caused a different result.
- Choosing a tag only because its default appearance looks right, without checking whether it describes the content correctly.
Key Takeaways
- Publication and modification dates help readers know when content was written and last changed. Use visible time elements, with machine-readable datetime values that match the actual dates.
- The dates are understandable to people, while software can parse the standardized values.
- Test the markup in a browser, and check accessibility and real-world behavior where relevant.