It sounds like you want to automatically show “recently visited” records using HTML’s <object> tag. However, the <object> tag is typically used for embedding external resources like images, videos, or other HTML documents, not for managing recently visited records.
If you want to display recently visited records on a webpage, you might consider using JavaScript along with HTML and CSS. Here’s a simple example:
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>Recently Visited Records</title>
<style>
/* Add your styles for the list here */
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
</style>
</head>
<body>
<h2>Recently Visited Records</h2>
<ul id=“recentRecords”>
<!-- JavaScript will dynamically populate this list -->
</ul>
<script>
// Sample data for recently visited records
const recentlyVisitedRecords = [
‘Record 1’,
‘Record 2’,
‘Record 3’
// Add more records as needed
];
// Function to display recently visited records
function displayRecentlyVisited() {
const recentRecordsList = document.getElementById(‘recentRecords’);
// Clear existing list items
recentRecordsList.innerHTML = ‘’;
// Add each record to the list
recentlyVisitedRecords.forEach(record => {
const listItem = document.createElement(‘li’);
listItem.textContent = record;
recentRecordsList.appendChild(listItem);
});
}
// Call the function to display recently visited records
displayRecentlyVisited();
</script>
</body>
</html>
In this example:
- The <ul> element with the ID recentRecords is where the recently visited records will be displayed.
- JavaScript is used to dynamically populate the list with records from the recentlyVisitedRecords array.
- You can replace the sample data in the array with your actual records.
Remember that this is a simple example, and in a real-world scenario, you might fetch recently visited records from a server or database using a server-side language like Node.js, Python, or PHP.