Scribd
Upload
2 views3 pages

Frontend Interview Guide

The document outlines key concepts of HTML, including the importance of semantic tags for SEO and accessibility, the differences between block-level and inline elements, and the use of various HTML elements like lists, void elements, and iframes. It also covers attributes such as alt for images, storage options like localStorage and sessionStorage, and the distinction between GET and POST methods. Additionally, it mentions best practices for form validation, the use of meta tags, and accessibility features like ARIA.

Uploaded by

ks7997068
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views3 pages

Frontend Interview Guide

The document outlines key concepts of HTML, including the importance of semantic tags for SEO and accessibility, the differences between block-level and inline elements, and the use of various HTML elements like lists, void elements, and iframes. It also covers attributes such as alt for images, storage options like localStorage and sessionStorage, and the distinction between GET and POST methods. Additionally, it mentions best practices for form validation, the use of meta tags, and accessibility features like ARIA.

Uploaded by

ks7997068
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Semantic HTML

Using meaningful tags like <header>, <article> improves SEO and accessibility.

DOCTYPE

Tells browser HTML version and ensures standards mode.

div vs span

div is block-level, span is inline.

Lists

Ordered <ol>, Unordered <ul>, Description <dl>.

Void elements

No closing tag: <img>, <br>, <input>.

iframe

Embeds another page: <iframe src='url'></iframe>.

b vs strong

b = style, strong = importance.

i vs em

i = style, em = emphasis.

alt attribute

Describes image for accessibility and SEO.

localStorage vs sessionStorage

local persists, session clears on tab close.


Meta tags

Inside <head>, provide metadata.

Hyperlink new tab

<a target='_blank'>

GET vs POST

GET = URL params, POST = body.

canvas

Draw graphics via JS.

picture/video

Responsive images and media embedding.

data-*

Custom attributes.

async vs defer

async runs immediately, defer after HTML.

ARIA

Accessibility roles.

Favicon

Browser icon.

Form validation

required, pattern.
template

Reusable hidden HTML.

You might also like