HTML

Hard

Skills

Document

Structure

Semantics

skills

Text

Inline

Semantics

skills

Semantic

landmarks

header

nav

main

aside

footer

section

article

used

for

meaning

not

styling

Heading

hierarchy

Correct

1–

nesting

with

skipped

levels

;

outline

that

survives

section

moves

Document

declaration

doctype

html

lang

dir

rtl

and

UTF

-8

charset

the

first

head

element

Sectioning

div

soup

Choosing

article

section

aside

over

generic

containers

;

keeping

divs

for

layout

only

Structured

data

markup

JSON

Microdata

and

RDFa

for

schema

org

entities

Web

component

markup

template

slot

and

custom

element

host

structure

shadow

DOM

Emphasis

presentation

strong

for

meaning

;

reserved

for

typographic

convention

Inline

semantics

mark

time

datetime

abbr

title

dfn

and

address

elements

Code

and

data

markup

code

pre

kbd

samp

var

data

value

for

machine

readable

content

Quotation

elements

blockquote

cite

and

figure

figcaption

pairing

Internationalized

text

ruby

for

East

Asian

annotations

;

bdi

and

bdo

for

bidirectional

text

Character

escaping

Named

and

numeric

entities

reserved

character

handling

attribute

values

1 / 4

Links

Media

Embedded

Content

skills

Tables

Tabular

Data

skills

Forms

Input

Controls

skills

Hyperlink

construction

href

target

rel

noopener

noreferrer

mailto

tel

and

fragment

anchors

Downloadable

assets

download

attribute

filename

hints

and

blob

URL

generation

Responsive

images

srcset

sizes

picture

with

source

media

and

type

art

direction

Image

performance

attributes

lazy

decoding

async

width

height

prevent

layout

shift

Native

media

players

video

and

audio

with

poster

preload

and

track

kind

captions

Iframe

embedding

sandbox

tokens

allow

policies

srcdoc

and

lazy

Inline

SVG

sprite

Direct

svg

markup

symbol

use

references

viewBox

and

accessibility

titles

Tabular

structure

caption

thead

tbody

tfoot

with

scope

col

and

scope

row

Spanning

cells

colspan

and

rowspan

used

without

breaking

header

association

Column

grouping

colgroup

and

col

for

column

level

styling

and

width

control

Complex

header

association

headers

pairing

for

multi

level

data

grids

Responsive

table

patterns

Scroll

wrappers

stacked

rows

with

data

label

and

priority

column

hiding

Input

type

coverage

tel

url

number

date

time

color

range

file

password

Native

constraint

validation

required

pattern

min

max

step

minlength

maxlength

novalidate

and

setCustomValidity

().

Label

association

label

for

pairing

wrapping

labels

fieldset

and

legend

grouping

Rich

form

controls

datalist

suggestions

output

progress

and

meter

Mobile

and

autofill

hints

autocomplete

tokens

inputmode

enterkeyhint

and

autocapitalize

Submission

mechanics

method

action

enctype

multipart

form

data

FormData

and

submit

event

handling

2 / 4

Accessibility

ARIA

skills

Document

Head

Metadata

SEO

skills

Modern

Native

Elements

APIs

skills

Native

first

accessibility

Correct

element

choice

before

reaching

for

ARIA

roles

Accessible

naming

aria

label

aria

labelledby

aria

describedby

;

alt

text

strategy

Live

regions

aria

live

polite

assertive

role

status

and

role

alert

for

dynamic

updates

Landmarks

and

skip

links

Navigation

shortcuts

skip

content

anchors

and

landmark

roles

Focus

and

tab

order

tabindex

management

focus

trapping

and

focus

visible

affordances

Visibility

semantics

hidden

aria

hidden

inert

and

visually

hidden

utility

patterns

Core

meta

syntax

noindex

nofollow

combinations

and

sitemap

references

Modal

dialogs

dialog

element

with

showModal

(), ::

backdrop

and

form

method

dialog

Native

disclosure

details

and

summary

with

the

open

attribute

and

toggle

events

Popover

API

popover

attribute

popovertarget

and

light

dismiss

behavior

Canvas

markup

canvas

element

with

width

height

fallback

content

and

context

handoff

Template

cloning

template

element

and

DocumentFragment

instantiation

Newer

semantic

elements

data

value

hgroup

usage

current

specs

Custom

elements

Defining

autonomous

and

customized

built

elements

with

slots

Editable

content

contenteditable

spellcheck

and

plaintext

only

modes

3 / 4

Embedded

Contexts

skills

Performance

Security

Validation

skills

stylesheets

media

break

before

break

inside

and

page

break

fallbacks

Page

box

control

page

size

margins

and

named

page

rules

Color

fidelity

PDF

color

adjust

exact

preserve

backgrounds

Puppeteer

and

Playwright

exports

safe

markup

Table

based

layout

inline

CSS

MSO

conditionals

flex

grid

Embedded

and

pasted

HTML

Sanitized

subsets

for

CMS

AMP

and

rich

text

editors

Render

blocking

reduction

Defer

and

async

scripts

critical

CSS

inlining

preload

ordering

Content

Security

Policy

nonce

and

hash

based

allowances

for

inline

style

and

script

Subresource

Integrity

integrity

and

crossorigin

attributes

third

party

assets

Referrer

and

permissions

policy

HTML Hard Skills

Prompt to Clone This HTML Hard Skills

Apply this example's core structure, strategic pacing, and structural hierarchy directly to your own topic.

What are you generating today?

Data Visualization Hard Skills

Data Mining Hard Skills

Data Modeling Hard Skills

Financial Modeling Hard Skills

Predictive Analytics Hard Skills

Business Intelligence Hard Skills

Research Methods Hard Skills

Quantitative Analysis Hard Skills

Bookkeeping Hard Skills

Financial Reporting Hard Skills

Budgeting Hard Skills

Tax Preparation Hard Skills

Payroll Processing Hard Skills

Auditing Hard Skills

Accounts Payable Hard Skills

Accounts Receivable Hard Skills

Cost Accounting Hard Skills

Investment Analysis Hard Skills

Search Engine Optimization Hard Skills

Search Engine Marketing Hard Skills

Google Analytics Hard Skills

Email Marketing Hard Skills

Content Marketing Hard Skills

Marketing Automation Hard Skills

Market Research Hard Skills

Sales Forecasting Hard Skills

Lead Generation Hard Skills

Customer Relationship Management Hard Skills

Similar Examples