Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding list and title #410

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

haidarsatria
Copy link

No description provided.

Copy link

@Imran-imtiaz48 Imran-imtiaz48 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review Summary

The update to src/index.html has introduced a navigation section, replacing the original welcome text. The changes are well-structured and enhance the page's usability by introducing a navigation menu. Here are some specific points:

  1. HTML Structure: The navigation (<nav>) element is appropriately used to encapsulate the navigation links.
  2. Heading and List: The <h1> and <ul> elements are well-implemented, making the structure clear and easy to read.

Recommendations

To further improve the code and maintain best practices, consider the following suggestions:

  1. Semantic HTML: Ensure the usage of semantic HTML tags for better accessibility and SEO. The <nav> tag is a good start, but ensuring all tags serve their intended purpose is key.
  2. Accessibility: Add ARIA labels or roles to improve accessibility for users relying on screen readers.
  3. Consistent Indentation: Maintain consistent indentation for readability. The current code is well-indented, so keep this consistency as you expand the document.
  4. Language Attribute: Add the lang attribute to the <html> tag to specify the language of the document.

Example with Recommendations Applied

Here’s how the updated code might look with some of these recommendations:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML Portfolio</title>
</head>
<body>
    <nav>
        <h1>Haidar</h1>
        <ul>
            <li>name</li>
            <li>Identity</li>
            <li>case</li>
        </ul>
    </nav>
</body>
</html>

Additionally, consider using descriptive text for the list items and adding more structure or content to the page as needed.

@118abhi
Copy link

118abhi commented Jul 15, 2024

what a problum in it code .iam not find it .if u give me intracution than i find some issue

@Imran-imtiaz48
Copy link

Kindly re-read my Reviews. I have recommend to use Semantic HTML in a proper way and also recommend to use ARIA for accessibility for user experience.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants