Profile

Work

I am a Full-Stack Web & Software Developer with over fifteen years of experience. Over countless hours I have discovered that I have a passion and talent for creating works that are both highly functional and technically sound.

I have also discovered that I have a knack for understanding new theories & concepts – I am an adamant perfectionist when it comes to just about anything I do.

Current Skill set

Web
  • Responsive Mobile first HTML & CSS3 – Bootstrap, SASS
  • JavaScript (Vanilla JS, JQuery, Angular)
  • PHP (Web Server & CRON)
  • CRM / CMS packages – WordPress, OsCommerce, Marketo
  • MySQL
  • Git
  • SEO & PPC
Applications
  • Java
  • Python
Legacy Technology
  • ASP (classic)
  • Visual Basic
  • Adobe Flash
Software Packages
  • Adobe Photoshop
  • MySQL
  • Jet Brains Web Suite
  • Microsoft Word
  • Microsoft Excel
  • Microsoft Access
  • Maya 3d
  • and more…

Study

At the start of 2019, I am entering my 4th year of a 6 year course Studying a Bachelor of
Computer Science with gaming specialisation at Charles Sturt University

Hobbies

Pyrotechnic

A license Pyrotechnician in the state of N.S.W. Australia for over twenty years, performing
professional grade pyrotechnic shows ranging from from Chinese String Crackers, Indoor Close
Proximity Fireworks, Aerial Shells up to 125mm and Aerial Salutes up to 75mm.

A founding member of the Pyrotechnics Industry Association of Australia (PIAA), Based in Sydney
but have performing shows all over NSW for all types of events.

Car Enthusiast

An active member in the Skylines Australia NSW car club I regularly volunteer to help run events.

Social Media

You can connect with me professionally on LinkedIn,
or stalk me through Twitter

Portfolio

Employment

Wizardry Fireworks

PRODOCOM Australia

Hannover Fairs Australia

E-Web Marketing

Freelance Websites

Personal Projects

Tipping Comp

cruizen’

National Pyrotechnics

iblott accessories

Blog

What Are Semantic HTML Tags?

Semantic HTML tags are a cornerstone of modern web development. They provide meaning to the content of a webpage, helping both browsers and developers understand the structure and purpose of the content. Unlike non-semantic tags such as <div> and <span>, semantic tags explicitly describe their role in the document. Examples include <header>, <article>, <footer>, and <section>.

Why Are Semantic HTML Tags Important?

Semantic HTML tags play a crucial role in creating well-structured and accessible websites. Here are some key benefits:

  1. Improved Accessibility: Assistive technologies, such as screen readers, rely on semantic tags to convey the structure of a webpage to users with disabilities. For example, the <nav> tag signals that a section contains navigation links.
  2. Better SEO: Search engines use semantic tags to understand the context and hierarchy of content, which can improve a website’s search engine ranking. Tags like <article> and <header> help search engines identify key content areas.
  3. Enhanced Readability for Developers: Semantic tags make the HTML code more readable and maintainable. Developers can easily identify sections of a webpage, such as the main content, headers, or footers.
  4. Standards Compliance: Using semantic HTML tags aligns with W3C standards, promoting best practices in web development.

Common Semantic HTML Tags and Their Uses

Here’s a list of widely used semantic HTML tags and their purposes:

  • <header>: Defines the introductory content or navigation links at the top of a page or section.
  • <nav>: Represents a section of the webpage specifically for navigation links.
  • <main>: Denotes the primary content of the document, excluding repetitive content like sidebars or footers.
  • <section>: Groups related content, often with a heading, into thematic sections.
  • <article>: Represents self-contained content, such as a blog post, article, or news story.
  • <aside>: Contains content that is tangentially related to the main content, like sidebars or advertisements.
  • <footer>: Defines footer content, such as copyright information or contact details, for a page or section.
  • <figure> and <figcaption>: Used to group media elements like images, along with their captions.
  • <time>: Represents a specific time or date.

How to Use Semantic HTML Tags

Using semantic HTML tags is straightforward. Here’s an example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Semantic HTML Example</title>
</head>
<body>
    <header>
        <h1>Welcome to My Website</h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <article>
            <h2>Understanding Semantic HTML</h2>
            <p>Semantic HTML helps create meaningful and accessible web pages.</p>
        </article>

        <aside>
            <p>Did you know? Semantic tags improve SEO.</p>
        </aside>
    </main>

    <footer>
        <p>&copy; 2025 My Website</p>
    </footer>
</body>
</html>

Best Practices for Using Semantic HTML

  1. Choose the Right Tag: Always select the tag that best represents the content’s meaning.
  2. Combine with ARIA Roles: Use ARIA (Accessible Rich Internet Applications) roles for additional accessibility when needed.
  3. Avoid Over-Nesting: Keep your HTML structure clean and avoid unnecessary nesting of tags.
  4. Validate Your Code: Use tools like the W3C Markup Validation Service to ensure your HTML is valid and semantic.

Conclusion

Semantic HTML tags are essential for creating accessible, SEO-friendly, and maintainable websites. By using these tags appropriately, you enhance the user experience, improve search engine rankings, and align with web standards. Start incorporating semantic tags into your projects to unlock the full potential of modern web development.

Published by
January 22, 2025 9:38 am

Comments are closed here.


Creative

I studied Digital Media for 12 months at Mt Druitt TAFE. While  doing so we studied The 3D Modeling Program ‘Maya’. During the course I produced a number of 3D scenes and a couple of 3D animated movies.

I have also played in other programs such as Bryce 3D, 3D Studio Max, Lightwave, Vue D’esprit and a few others. However, i have always returned to Maya as a personal preference.

Bellow are a number of works that i have produced from these various programs.

Bryce 3D: Balls

Vue D’esprit: Sulfuric

Maya: Living Room

Maya: Gauntlet

Loading...