skills.rest
wesweet
wesweetCOMMUNITY
Explore all skills by this author →
GitHub

html

Provide HTML5 development guidelines covering semantic tags and coding standards.

1|Updated Jul 4, 2023
Search Tags:#best practices#web development#coding standards#semantic html#html5#mobile web
One-click install
npx skills add https://github.com/wesweet/docs.panrui.top --skill html-wesweet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html
Source: https://github.com/wesweet/docs.panrui.top/tree/main/docs/h5
Command: npx skills add https://github.com/wesweet/docs.panrui.top --skill html-wesweet

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidelines and best practices for writing clean, semantic, and efficient HTML5 code, ensuring better accessibility, maintainability, and performance.

Core Features & Use Cases

  • Semantic HTML5: Learn the correct usage of modern HTML5 tags for better structure and SEO.
  • Coding Standards: Adhere to established conventions for HTML, CSS, and JavaScript comments and structure.
  • Mobile Development Tips: Discover solutions for common mobile web development challenges like click delays and touch events.
  • Use Case: Ensure all new web pages follow the latest HTML5 standards for improved search engine ranking and user experience.

Quick Start

Review the HTML5 semantic tags and their proper usage.

Frequently Asked Questions about html

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for semantic HTML5 tag usage?▼

Adhering to HTML coding standards requires following established conventions for structuring HTML, CSS, and JavaScript comments, which facilitates the creation of clean, well-structured web pages.

How do I fix mobile web click event delays and click-through problems?▼

To fix mobile web click delays and click-through problems, apply specific HTML5 mobile development solutions and coding standards that optimize touch events and prevent click-through issues on mobile web pages.

How do I resolve image loading errors in HTML5 mobile web development?▼

Resolving image loading errors in HTML5 mobile web development involves applying targeted mobile development tips and coding standards to ensure images load correctly and perform efficiently on mobile devices.

Does writing semantic HTML5 actually improve SEO and accessibility?▼

Writing semantic HTML5 directly improves SEO and accessibility by ensuring web pages follow established coding standards, allowing search engines and assistive technologies to accurately interpret page structure and content.

Related Skills

Explore More Software Engineering Skills→
jhaugajhauga

html-coder

Create semantic HTML5 documents with accessible forms and responsive structures.

Community
Intermediate
cmbayscmbays
1

mobile-first-design

Enforce mobile-first design with responsive breakpoints and touch target standards.

Community
Intermediate
FAeN399FAeN399

html-static-design

Design semantic, accessible static HTML/CSS pages with responsive mobile-first styling.

Community
Basic
AnthonyPAliceaAnthonyPAlicea
84

de-div

Refactor non-semantic div and span elements into HTML5 semantic tags.

Community
Advanced