A 50 legnépszerűbb HTML-interjú kérdés és válasz (2026)

HTML interjúra készülsz? Gondold át alaposan a felmerülő kérdéseket. Ezek az interjúk azért fontosak, mert feltárják a technikai mélységeket, a problémamegoldó megközelítéseket és a webfejlesztés alapvető koncepcióinak gyakorlati alkalmazását.

A HTML-ben rejlő lehetőségek számos területen elérhetőek, a pályakezdőktől az 5 vagy 10 éves tapasztalattal rendelkező tapasztalt szakemberekig. A munkáltatók a műszaki szakértelmet, a szakterületi szakértelmet és az elemző készségeket kérdések és válaszok segítségével értékelik. A jelentős szakmai tapasztalat, a gyökérszintű tapasztalat és a sokoldalú készségek segítenek a jelölteknek az alapvető, haladó és technikai kihívások leküzdésében.

Elemzésünk több mint 60 műszaki vezető visszajelzéseire, több mint 45 menedzser meglátásaira és több mint 100 szakemberrel folytatott beszélgetésekre épül. Ezek a nézőpontok együttesen rávilágítanak a sokszínű elvárásokra és a változó iparági igényekre.

A legnépszerűbb HTML interjúkérdések és válaszok

1) Mi a HTML, és miért tekintik a webfejlesztés gerincének?

A HyperText Markup Language (HTML) a web alapvető nyelve, amelynek célja a dokumentumok strukturálása és a webes tartalmak jelentésének megadása. Olyan elemeket definiál, mint a címsorok, bekezdések, linkek, képek és multimédiás tartalmak, lehetővé téve a böngészők számára azok értelmezését és megjelenítését. Azért nevezik a webfejlesztés gerincének, mert minden weboldal, összetettségétől függetlenül, HTML-t használ az elrendezés és a tartalom meghatározásához. HTML nélkül olyan technológiák, mint a CSS és JavaA szkriptnek nem lenne alapja a formázáshoz vagy a manipuláláshoz.

👉 Ingyenes PDF letöltés: HTML interjúkérdések

2) Magyarázd el a HTML és a HTML5 közötti különbséget példákkal.

A HTML a szabványos jelölőnyelv, míg a HTML5 annak modern, erősebb változata, amelyet 2014-ben vezettek be. A HTML5 szemantikai elemeket, multimédiás támogatást és API-kat hozott, amelyek kiküszöbölték a harmadik féltől származó bővítmények, például a Flash szükségességét.

Funkció	HTML	HTML5
Doctype	Hosszú és összetett	Egyszerű:
multimédia	Bővítményekre van szükség	,
Grafika	Nem támogatott natívan	,
Űrlapok	Korlátozott bemenetek	Új bemenetek, mint például `email`, `date`
Szemantikai címkék	Támaszkodott	, ,

Példa:

<video controls>
	<source src="sample.mp4" type="video/mp4">
</video>

3) Hogyan épül fel egy HTML dokumentum alapvető szerkezete?

Minden HTML dokumentum egy meghatározott struktúrát követ, hogy a böngészők helyesen értelmezzék a tartalmat. A tetején található a deklaráció, amely meghatározza a HTML5 használatát. elem magában foglalja a teljes tartalmat, felosztva és . A metaadatokat, címet, CSS-re és szkriptekre mutató linkeket tartalmaz, míg a megjeleníti a látható tartalmat. Például:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Sample Page</title>
</head>
<body>
	<h1>Hello World</h1>
</body>
</html>

4) Mik a címkék és elemek a HTML-ben? Adjon példákat.

A címkék olyan kulcsszavak, amelyek szögletes zárójelben vannak, és utasítják a böngészőt a tartalom megjelenítésére. Az elem azonban a teljes struktúrára utal, amely a nyitó címkéből, a tartalomból és a záró címkéből áll. Például:

Címke: és
Pont: Ez egy bekezdés

Néhány elem önzáró, mint például és , ami azt jelenti, hogy nem igényelnek záró címkéket.

5) Milyen típusú listákat támogat a HTML, és hol használják ezeket?

HTML-támogatások A lista három fő típusa:

Rendezett lista ( ) – az elemek számokkal vagy betűkkel jelennek meg.
Rendezetlen lista ( ) – az elemek felsorolásjelekkel jelennek meg.
Descriptionlista ( ) – kifejezésekre és azok definícióira használatos.

Példa:

<dl>
	<dt>HTML</dt>
	<dd>HyperText Markup Language</dd>
</dl>

A listákat gyakran használják navigációs menükhöz, tartalomrendszerezéshez és szószedetekhez.

6) Hogyan használják az attribútumokat a HTML-ben, és milyen gyakori példák vannak erre?

Az attribútumok további információkat nyújtanak a HTML elemekhez. Mindig a nyitó címkén belül vannak megadva, és egy név-érték párt követnek. Gyakori példák:

src ban a kép helyére vonatkozóan.
href a hivatkozás célhelyéhez.
id és a class a stílusért és JavaSzkriptcélzás.
alt képekben az akadálymentesítés érdekében.

Például:

<img src="logo.png" alt="Company Logo">

7) Mik azok a szemantikus HTML elemek, és milyen előnyöket kínálnak?

A szemantikai elemek világosan leírják jelentésüket mind a fejlesztők, mind a böngészők számára. Példák: , , , , és .

Előnyök:

Javítsa a képernyőolvasók akadálymentesítését.
Biztosítson világosabb tartalomjelentést a keresőmotoroknak (SEO).
Növelje a kód olvashatóságát és karbantarthatóságát.

Példa:

<article>
	<h2>News Update</h2>
	<p>Latest update about web development trends.</p>
</article>

8) Magyarázd el a blokk szintű és az inline elemek közötti különbséget példákkal.

Blokk szintű elemek, mint például , , és , a konténerük teljes szélességét elfoglalják és új sorban kezdődnek. Az olyan beágyazott elemek, mint a , és , csak akkora szélességet foglalnak el, amennyit a tartalmuk megkövetel.

típus	Példák	jellemzők
Blokk szintű	,	Új sorban kezdés, teljes szélességben
Sorban	,	Szövegben folyik, a szélesség a tartalomtól függ

9) Hogyan jönnek létre a hiperhivatkozások, és mi a különbség az abszolút és a relatív URL-ek között?

A hiperhivatkozások a következő tag használatával hozhatók létre: href tulajdonság.

Abszolút URL: A teljes elérési utat tartalmazza, beleértve a protokollt és a tartományt.
Példa: <a href="https://example.com/page.html">Visit</a>
Relatív URL: Az aktuális oldalhoz viszonyított fájlra hivatkozik.
Példa: <a href="/hu/about.html">About Us</a>

Az abszolút URL-eket előnyben részesítjük külső forrásokra mutató hivatkozások esetén, míg a relatív URL-ek hatékonyak ugyanazon a webhelyen belül.

10) Mi a szerepe a címke és annak attribútumai?

A A címke a felhasználói bemenet összegyűjtésére és szerverre küldésére szolgál. Két legfontosabb attribútuma a következő:

akció – meghatározza, hogy hová kerüljenek az adatok.
módszer – meghatározza a HTTP metódust ( GET or POST ).

Példa:

<form action="/hu/submit" method="post">
	<input type="text" name="username">
	<input type="submit">
</form>

11) Milyen különböző típusú beviteli mezők érhetők el a HTML5 űrlapokban?

A HTML5 új beviteli típusokat vezetett be a használhatóság javítása és a különféle beviteli típusoktól való függőség csökkentése érdekében. JavaSzkriptellenőrzés. Gyakori típusok:

Szöveg alapú: szöveg, jelszó, e-mail, URL, keresés, telefonszám.
Dátum- és időalapú: dátum, dátum/idő - helyi, hónap, hét, idő.
Numerikus: szám, tartomány.
Logikai érték: jelölőnégyzet, rádió.
Fájl és szín: fájl, szín.

Példa:

<input type="email" placeholder="Enter your email">
<input type="date">
<input type="range" min="1" max="10">

Ezek a beviteli típusok lehetővé teszik a böngészők számára, hogy optimalizált felhasználói felület-vezérlőket jelenítsenek meg, például dátumnaptárakat vagy színválasztókat, javítva a felhasználói élményt és csökkentve az űrlaphibákat.

12) Hogyan működnek a HTML5 szemantikai címkék, mint például a , , , és használatban különböznek?

A szemantikai címkéket az általános címkék felváltására vezették be. elemeket, és jelentést adnak az oldal szerkezetének.

címke	Cél	Példa
	Felső rész, gyakran logókkal/navigációval	site navigációs
	Alsó rész, szerzői jog vagy linkek	Oldal lábléce
	Kapcsolódó tartalmak logikus csoportosítása	Blog szakasz
	Független tartalom, amely önmagában is megállja a helyét	Ujságcikk

Példa:

<article>
	<header><h2>Breaking News</h2></header>
	<p>Details of the story...</p>
	<footer>Author: John Doe</footer>
</article>

Ezen elemek használata javítja a SEO-t és az akadálymentességet.

13) Magyarázd el a különbséget az inline CSS, a belső CSS és a külső CSS között.

A CSS HTML-re való alkalmazásának három fő módja van:

Beágyazott CSS: Közvetlenül az elemekre alkalmazva a style tulajdonság.
Példa: <p style="color:red;">Text</p>
Belső CSS: Bejelentve belül tags in the .
Külső CSS: Összekötve egy .css fájl használatával .

Módszer	Előnyök	Hátrányok
Sorban	Gyors, konkrét	Nehéz karbantartani, nem újrafelhasználható
belső	Egyoldalasra jó	Nem újrafelhasználható több oldalon keresztül
Külső	Újrafelhasználható, tiszta	Extra fájlterhelést igényel

A legjobb gyakorlat az, ha külső CSS a karbantarthatóság érdekében.

14) Mik azok a HTML entitások, és miért használják őket?

A HTML-entitások speciális kódok, amelyek foglalt karakterek, szimbólumok vagy láthatatlan karakterek ábrázolására szolgálnak a HTML-dokumentumokban. Ezek biztosítják, hogy az olyan karakterek, mint a <, > és &, helyesen jelenjenek meg, ahelyett, hogy kódként értelmeznék őket.

Gyakori entitások példái:

< →
> → >
& → &
© → ©
→ nem törhető szóköz

Például:

<p>Use <strong> instead of <b>.</p>

Az entitások kulcsfontosságúak a kód olvashatóságának megőrzése és a renderelési problémák elkerülése érdekében.

15) Hogyan Az elemek működnek, és mik az előnyeik és hátrányaik?

A A címke lehetővé teszi egy HTML-oldal beágyazását egy másikba. Gyakran használják videók, térképek vagy külső widgetek beágyazására.

Előnyök:

Külső tartalmak egyszerű integrálása, mint például YouTube vagy a Google Térképen.
A tartalom elkülönítése a főoldaltól.

Hátrányok:

Lassabb betöltési teljesítmény a további kérések miatt.
Biztonsági kockázatok (kattintáseltérítés, webhelyek közötti szkriptelés).
Nem mindig SEO-barát.

Példa:

<iframe src="https://www.example.com" width="600" height="400"></iframe>

A modern alternatívák gyakran olyan API-kat vagy beágyazási módszereket javasolnak, amelyek jobb kontrollt és biztonságot nyújtanak.

16) Mik azok a metacímkék a HTML-ben, és hogyan befolyásolják a keresőoptimalizálást (SEO)?

A metacímkék információrészletek, amelyeket a egy HTML dokumentum szakasza. Metaadatokat biztosítanak az oldalról, de nem jelennek meg a felhasználóknak.

A metacímkék főbb típusai:

Description:
Kulcsszavak (elavult):
Nézetablak (reszponzív design):
Karakterkészlet:

A keresőmotorok meta leírásokat használnak a keresési eredményekben megjelenő kódrészletek létrehozásához, ami közvetlenül befolyásolja a átkattintási arány (CTR).

17) Mi a különbség az abszolút, relatív és gyökérrelatív elérési utak között a HTML hivatkozásokban?

A hivatkozásokat háromféleképpen lehet megírni az elérési úttól függően.

típus	Példa	Használja az ügyet
Abszolút	https://example.com/images/pic.jpg	Külső források
Relatív	képek/kép.jpg	Ugyanaz a könyvtár vagy alkönyvtár
Rokon gyökér	/assets/images/pic.jpg	A domain gyökérből

Az abszolút elérési utak garantálják az erőforrások lekérését, de csökkentik a hordozhatóságot. A relatív elérési utak megkönnyítik a tartalom mozgatását, míg a gyökérrelatív elérési utak biztosítják a konzisztenciát a nagy webhelyeken belül.

18) Hogyan működnek a HTML5 API-k, mint például a geolokáció, a webtárhely és a Canvajavítja a funkcionalitást?

A HTML5 olyan API-kat vezetett be, amelyek bővítmények nélkül bővítik a webes alkalmazások képességeit.

Geolokációs API: Lekéri a felhasználó tartózkodási helyét (engedéllyel).
Webtárhely API: Biztosítja localStorage és a sessionStorage akár 10 MB méretű kulcs-érték adatok tárolására.
Canvas API: Lehetővé teszi alakzatok, képek és animációk rajzolását közvetlenül egy weboldalon.

Példa: Helyi tárhely

localStorage.setItem("user", "John");
alert(localStorage.getItem("user"));

Ezek az API-k javítják az interaktivitást és a teljesítményt a modern alkalmazásokban.

19) Magyarázza el a használat előnyeit és hátrányait elem az elrendezés tervezéséhez.

A táblázatokat egykor oldalelrendezésekhez használták, de ma már nem javasolják a használatukat.

Előnyök:

Struktúrát biztosít a táblázatos adatokhoz.
Minden böngészőben támogatott.

Hátrányok:

Rossz hozzáférés a képernyőolvasók számára, ha nem rendeltetésszerűen használják.
Lassítja az oldal megjelenítését.
Nehezebb karbantartani a CSS layout rendszerekhez, mint például a Flexbox és a Grid, képest.

Legjobb gyakorlat: Használat szigorúan táblázatos adatokhoz (pl. ütemtervek, termék-összehasonlítások) és CSS az elrendezéshez.

20) Alkalmazható-e több CSS osztály egyetlen HTML elemre? Hogyan lehet ezt elérni?

Igen, a HTML lehetővé teszi több CSS osztály alkalmazását egyetlen elemre, szóközökkel elválasztva őket a ... részben. class attribútum. Ez a technika moduláris, újrafelhasználható stílusokat tesz lehetővé, és elkerüli az ismétlődéseket.

Példa:

<p class="text-bold text-red highlight">Important Notice</p>

Itt a elem mindhárom osztályból örökli a stílusokat. Ez a megközelítés támogatja a alakíthatóságának, így a tervek skálázhatóbbak és könnyebben karbantarthatók.

21) Mi a különbség a következők között: és HTML-ben?

Mindkét és általános tárolók, de más célt szolgálnak.

egy blokk szintű elem, amelyet a tartalom vagy az elrendezési struktúrák nagyobb részeinek csoportosítására használnak.
egy beágyazott elem, amelyet kis szövegrészek formázására vagy csoportosítására használnak.

Funkció
kijelző	Blokk szintű	Sorban
Használat	Elrendezés, konténerek	Szöveg kiemelése
Példa	Szakaszok csomagolása	Stílusszavak

Példa:

<div class="container">
	<p>This is a <span class="highlight">highlighted</span> word.</p>
</div>

22) Hogyan működik a elemi munka, és hol használják?

A A HTML5 eleme felbontásfüggő, bitkép-alapú rajzfelületet biztosít. Grafikák, animációk, diagramok és akár egyszerű játékok megjelenítésére is használják közvetlenül a böngészőben. JavaSzkript API-k, mint például getContext("2d") lehetővé teszi a fejlesztők számára alakzatok, útvonalak, képek és szöveg rajzolását.

Példa:

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(20, 20, 150, 50);
</script>

A használati esetek közé tartoznak az irányítópultok, a valós idejű vizualizációk és az interaktív animációk.

23) Magyarázza el a különbséget `id` és a `class` attribútumok a HTML-ben.

Mindkét id és a class olyan attribútumok, amelyeket a stílushoz és JavaSzkriptcélzás, de egyediségükben és alkalmazásukban különböznek.

Attribútum	jellemzők	Példa
id	Egyedinek kell lennie a dokumentumban; egyetlen elemhez használatos.
osztály	Több elemre is alkalmazható; lehetővé teszi a csoportosítást.

Használati példa:

<div id="main-header">Welcome</div>
<p class="text-highlight">Hello</p>

Bevált gyakorlat: Használat id egyedi azonosítókért, és class újrafelhasználható stíluscsoportokhoz.

24) Mik azok a data-* attribútumok a HTML5-ben, és milyen előnyeik vannak?

A data-* az attribútumok lehetővé teszik a fejlesztők számára, hogy egyéni adatokat tároljanak közvetlenül a HTML elemeken belül. Ezek az attribútumok előtaggal vannak ellátva data- majd egy név, így elérhetővé válnak a következőn keresztül: JavaForgatókönyv.

Előnyök:

Lehetővé teszi a metaadatok könnyű tárolását a DOM befolyásolása nélkül.
Hasznos dinamikus alkalmazásokhoz, eszköztippekhez vagy kliensoldali feldolgozáshoz.

Példa:

<button data-user="123" data-role="admin">Edit User</button>
<script>
	let btn = document.querySelector("button");
	console.log(btn.dataset.user); // 123
</script>

Ez a funkció rugalmasságot biztosít az állapot- és dinamikus viselkedéskezelésben.

25) Hogyan biztosítják az akadálymentességet HTML-ben ARIA szerepkörök és attribútumok használatával?

A HTML akadálymentesítése biztosítja, hogy a webes alkalmazások fogyatékkal élők számára is használhatók legyenek. Az ARIA (Accessible Rich Internet Applications) szerepkörök és attribútumok további kontextust biztosítanak a segítő technológiákhoz.

ARIA attribútumok példái:

role=”navigáció” – a navigációs menüket definiálja.
aria-label=”Bezárás” – leíró címkéket biztosít.
aria-hidden=”true” – elrejti az elemeket a képernyőolvasók elől.

Példa:

<button aria-label="Close window">X</button>

A szemantikus HTML és az ARIA attribútumok kombinálásával a fejlesztők javíthatják az inkluzivitást, és megfelelhetnek az olyan akadálymentesítési szabványoknak, mint a WCAG.

26) Mi a különbség az inline, a block és az inline-block elemek között?

A HTML elemeket megjelenítési viselkedésük alapján kategorizálják.

típus	jellemzők	Példák
Sorban	Ne kezdj új sorban; csak olyan széles legyen, mint a tartalom.	,
Blokk	A teljes szélességet foglalja el, új sorban kezdve.	,
Inline-blokk	Úgy viselkedik, mint a soron belüli, de engedélyezi a blokktulajdonságokat (magasság, szélesség).	, stílusú

Példa:

<span>Inline</span>
<div>Block</div>
<span style="display:inline-block; width:100px;">Inline-block</span>

27) Hogyan optimalizálhatók a képek HTML-ben a jobb teljesítmény érdekében?

A képek optimalizálása csökkenti az oldalak betöltési idejét és javítja a keresőoptimalizálást (SEO). A stratégiák a következők:

Modern formátumok használata, mint például WebP or AVIF.
Reszponzív képek alkalmazása és srcset.
Szélesség és magasság attribútumok beállítása az elrendezésbeli eltolódások elkerülése érdekében.
Képek tömörítése feltöltés előtt.
Lusta betöltés a következő használatával: loading="lazy".

Példa:

<img src="image.webp" alt="Optimized Image" loading="lazy">

A jól optimalizált képek javítják a felhasználói élményt és a Core Web Vitals pontszámokat.

28) Mi egy HTML oldal életciklusa a böngészőben?

Egy HTML oldal életciklusa több lépésből áll:

Elemzés: A böngésző beolvassa a HTML-t és létrehozza a dokumentumobjektum-modellt (DOM).
Erőforrás betöltése: A kapcsolt CSS, JS és képek lekérésre kerülnek.
Rendering: A böngésző stílusokat és elrendezési elemeket alkalmaz.
Scripting: JavaA szkript végrehajtja és manipulálja a DOM-ot, ha szükséges.
Kölcsönhatás: Az olyan események, mint a kattintások és a görgetések, feldolgozásra kerülnek.

Ennek az életciklusnak a megértése segít a fejlesztőknek optimalizálni renderelési sebesség, minimalizálja a blokkoló szkripteket, és biztosítsa a hatékony oldalbetöltést.

29) Milyen előnyei és hátrányai vannak a szemantikus HTML használatának?

A szemantikus HTML javítja a weboldalak jelentését és hozzáférhetőségét, de más szempontokat is figyelembe vesz.

Előnyök	Hátrányok
Javítja a képernyőolvasók akadálymentesítését.	Új címkék megtanulását igényli.
Javítja a SEO-t a struktúra tisztázásával.	Növelheti a kezdeti fejlesztési időt.
Könnyebb kódolvasás és karbantarthatóság.	A régebbi böngészők korlátozott támogatást kaphatnak.

Összességében az előnyök meghaladják a hátrányokat, így a szemantikus HTML a modern fejlesztés legjobb gyakorlatává válik.

30) Hogy van a Reszponzív képekhez használt elem?

A elem lehetővé teszi a fejlesztők számára, hogy több képforrást biztosítsanak különböző eszközökhöz vagy képernyőfelbontásokhoz. Beágyazott olyan attribútumokkal rendelkező elemek, mint például media és a type.

Példa:

<picture>
	<source srcset="image-large.webp" media="(min-width: 800px)">
	<source srcset="image-small.webp" media="(max-width: 799px)">
	<img src="fallback.jpg" alt="Responsive Image">
</picture>

Ez biztosítja, hogy a mobileszközök kisebb képeket töltsenek be, míg az asztali számítógépek nagy felbontásúakat kapjanak, ami javítja a teljesítmény és reagálóképesség.

31) Milyen különböző módokon lehet hangot beágyazni HTML5-be?

A HTML5 biztosítja a elem, így nincs szükség külső bővítményekre. Több formátumot is támogat, például MP3-at, OGG-t és WAV-ot, így biztosítva a böngészők közötti kompatibilitást. A fejlesztők több forrást is megadhatnak a elem, amely lehetővé teszi a böngésző számára az első támogatott formátum kiválasztását.

Példa:

<audio controls>
	<source src="sound.mp3" type="audio/mpeg">
	<source src="sound.ogg" type="audio/ogg">
	Your browser does not support the audio element.
</audio>

Az előnyök közé tartozik a natív vezérlők, az automatikus lejátszás, az ismétlés és a feliratozással való akadálymentesítés. .

32) Hogyan működik a A címke működik, és milyen előnyei vannak?

A elem lehetővé teszi videók beágyazását harmadik féltől származó lejátszók nélkül. A támogatott formátumok közé tartozik az MP4 (H.264), a WebM és az Ogg. A fejlesztők több forrást és attribútumot is hozzáadhatnak, például controls, autoplay, loopés poster.

Példa:

<video controls width="600" poster="thumbnail.jpg">
	<source src="movie.mp4" type="video/mp4">
	<source src="movie.webm" type="video/webm">
	Your browser does not support the video tag.
</video>

Előnyök:

Kiküszöböli a Flash-től való függőséget.
Beépített akadálymentesítést biztosít feliratokkal.
Jobb teljesítményt és biztonságot kínál.

33) Milyen előnyei és hátrányai vannak a HTML űrlapok használatának?

Az űrlapok elengedhetetlenek a felhasználói bevitelhez, de vannak erősségeik és gyengeségeik is.

Előnyök	Hátrányok
Szabványosított, minden böngészőben támogatott.	Biztonsági kockázatoknak kitett (pl. XSS, CSRF).
Könnyű integráció a backend szerverekkel.	A rosszul megtervezett űrlapok rontják a használhatóságot.
Támogatja az érvényesítést és a többféle beviteli típust.	A biztonságos adatkezeléshez HTTPS szükséges.

Ajánlott gyakorlat: Szemantikus űrlapcímkék, kliens- és szerveroldali validáció, valamint biztonságos átviteli módszerek használata.

34) Miben különbözik a kliensoldali űrlap-érvényesítés a szerveroldali ellenőrzéstől?

Ügyféloldali érvényesítés a böngészőben HTML5 attribútumok használatával hajtódik végre ( required, pattern ), Vagy JavaSzkript. Azonnali visszajelzést ad, de megkerülhető.

Szerveroldali validáció az adatok szerverre küldése után történik, biztosítva a biztonságot és a helyességet.

Aspect	Ügyfél oldal	Szerver oldal
Sebesség	Azonnali visszajelzés	Lassabban, beküldés után
Biztonság	Megkerülhető	Biztonságosabb
Példa		PHP, Node.js validáció

A legjobb gyakorlat a két módszer kombinálása az optimális használhatóság és biztonság érdekében.

35) Mi a célja a `viewport` Metacímke reszponzív designban?

A viewport A metacímke biztosítja, hogy a weboldalak megfelelően jelenjenek meg mobileszközökön. Alapértelmezés szerint sok mobilböngésző lekicsinyíti az asztali oldalakat. A viewport címke lehetővé teszi a méretezés és a szélesség szabályozását.

Példa:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Előnyök:

Reszponzív elrendezést biztosít.
Megelőzi a zoomolási problémákat.
Javítja az alapvető webes vitals-mutatókat és a használhatóságot kis képernyőkön.

Enélkül a weboldalak aprónak és használhatatlannak tűnhetnek mobileszközökön.

36) Hogyan és Az elemek javítják a HTML5 alkalmazásokat?

: Natív módot biztosít modális felugró ablakok létrehozására. Megnyitható vagy bezárható a következőn keresztül: JavaScript ( show() és a close() ).

: Újrafelhasználható HTML-fragmenteket határoz meg, amelyek csak a felhasználó általi aktiváláskor jelennek meg. JavaForgatókönyv.

Példa:

<dialog id="myDialog">Hello!</dialog>
<template id="card">
	<div class="card">Reusable content</div>
</template>

Előnyök:

eltávolítja a külső modális könyvtáraktól való függőséget.
dinamikus renderelést tesz lehetővé a DOM túlzsúfoltsága nélkül.

37) Magyarázd el a különbségeket a következők között: , , and .

A szkriptek blokkolhatják az oldal megjelenítését, ha nem megfelelően kezelik őket.

Attribútum	Viselkedés	Használja az ügyet
	Blokkolja a HTML elemzést a végrehajtás befejezéséig.	Kis beágyazott szkriptek
	Aszinkron módon töltődik be, és amint elkészült, azonnal végrehajtódik.	Analitika, hirdetések
	Aszinkron módon töltődik be, HTML elemzés után fut.	DOM-függő szkriptek

Példa:

<script src="main.js" defer></script>

<p></p> async és a defer javítja a teljesítményt és megakadályozza a renderelési blokkolási problémákat.

38) Hogyan biztosítható az űrlapok biztonságos kezelése HTML-ben?

Az űrlapbiztonsághoz HTML-gyakorlatok és háttérbeli biztonsági intézkedések egyaránt szükségesek.

A legfontosabb gyakorlatok a következők:

Adatátvitelhez mindig HTTPS-t használjon.
Ellenőrizd a bemeneteket mind a kliens, mind a szerver oldalon.
Használja a autocomplete="off" attribútum az érzékeny mezőkhöz, például a jelszavakhoz.
Jelentkezem rel="noopener noreferrer" külső űrlapműveleteken.
Akadályozza meg a webhelyek közötti kéréshamisítást (CSRF) tokenekkel.

Példa:

<form method="post" action="/hu/secure" autocomplete="off">
	<input type="password" name="pwd" required>
</form>

A biztonságos űrlapok védelmet nyújtanak az adatszivárgások és a gyakori sebezhetőségek ellen.

39) Mi a különbség a sütik, a localStorage és a sessionStorage között HTML5-ben?

A HTML5 bevezette a webes tárhelyet a sütik alternatívájaként.

Tárolási típus	Kapacitás	Élettartam	HTTP-n keresztül elküldve?
Cookies	~4KB	Lejárati dátumig	Igen
helyi raktár	~5–10 MB	Tartós, amíg nem törlik	Nem
munkamenet-tárolás	~5 MB	Amíg a böngésző/fül bezárul	Nem

Példa:

localStorage.setItem("theme", "dark");
console.log(localStorage.getItem("theme"));

A Web Storage javítja a teljesítményt, mivel nem küld adatokat minden HTTP-kéréssel.

40) Hogyan kezeli a HTML a képek, űrlapok és multimédia akadálymentesítését?

Az akadálymentesítés biztosítja a fogyatékkal élő felhasználók befogadását.

Képek: Felhasználás alt attribútumok képernyőolvasókhoz.
Űrlapok: Hozzáadás ehhez: összekapcsolva for attribútumok a bemenetek leírására.
Multimédia: Feliratok hozzáadása ( videók esetében) és átiratok.

Példa:

<img src="logo.png" alt="Company Logo">
<label for="email">Email</label>
<input type="email" id="email">

Az akadálymentesítési szabványok (WCAG, ARIA) betartása használhatóbbá és jogilag megfelelőbbé teszi a webes alkalmazásokat.

41) Milyen előnyei vannak a használatának? multimédiás elem?

A elemet használnak benne vagy feliratok, képaláírások vagy leírások szöveges sávok biztosítására. Ez javítja az akadálymentességet és a használhatóságot.

Előnyök:

Segíti a hallássérült felhasználókat.
Javítja a SEO-t, mivel a szöveg feltérképezhető.
Javítja a felhasználói élményt zajos környezetben.

Példa:

<video controls>
	<source src="movie.mp4" type="video/mp4">
	<track src="captions.vtt" kind="subtitles" srclang="en" label="English">
</video>

Ezáltal a multimédiás tartalmak szélesebb közönség számára is elérhetővé válnak.

42) Hogyan működik a `contenteditable` attribútum működik HTML-ben?

A contenteditable attribútum lehetővé teszi a felhasználók számára, hogy egy elem tartalmát közvetlenül a böngészőben szerkeszthessék külső eszközök nélkül.

Példa:

<p contenteditable="true">This paragraph is editable.</p>

Felhasználási esetek:

Böngészőbe épített szerkesztők.
Jegyzetkészítő vagy CMS-szerű alkalmazások.
Interaktív funkciók prototípus-készítése.

Bár hasznos, óvatosan kell kezelni, mivel az ellenőrizetlen szerkesztések biztonsági kockázatokat jelenthetnek az adatok szerverekre küldésekor.

43) Mi a különbség a progresszív javítás és a kecses lebontás között a HTML-tervezésben?

Ez két megközelítés a különböző böngészőképességek kezelésére.

Megközelítés	Koncepció	Példa
Progresszív javítás	Kezdj az alapvető HTML-lel, és adj hozzá speciális funkciókat az erre alkalmas böngészőkhöz.	Egy űrlap működik az alapvető HTML-lel, de használja JavaSzkriptérvényesítés, ha elérhető.
Kecses degradáció	Először fejlett funkciókat kell fejleszteni, és biztosítani kell egy tartalék megoldást régebbi böngészőkhöz.	Egy vászon alapú diagram statikus képre vált vissza.

A fokozatos fejlesztés ma az előnyben részesített stratégia, mivel ez biztosítja az univerzális hozzáférést.

44) Mik a mikroadatok a HTML5-ben, és hogyan hasznosak a SEO számára?

A mikroadatok strukturált adatok HTML elemekbe ágyazásának módját jelentik olyan attribútumok használatával, mint például itemscope, itemtypeés itempropA keresőmotorok ezt használják arra, hogy bővített snippeteket jelenítsenek meg a találatok között.

Példa:

<div itemscope itemtype="https://schema.org/Book">
	<span itemprop="name">HTML Mastery</span>
	by <span itemprop="author">Jane Doe</span>
</div>

Előnyök:

Növeli a láthatóságot a gazdag kivonatokkal.
Kontextust biztosít a keresőmotoroknak.
Javítja a CTR-t a keresési eredmények között.

45) Milyen előnyei és hátrányai vannak az inline keretek használatának? )?

Érintettük meg korábban, de foglaljuk össze az előnyöket és a hátrányokat.

Előnyök	Hátrányok
Harmadik féltől származó tartalmak egyszerű integrációja.	Lassítja az oldal teljesítményét.
Elszigeteli a külső erőforrásokat.	Kattintáseltérítésnek kitett.
Hasznos térképek, videók beágyazásához.	Nem SEO-barát, a tartalmat gyakran figyelmen kívül hagyják.

A legjobb gyakorlat az, ha takarékosan, és előnyben részesítik az API-kat vagy beágyazásokat, amelyek lehetővé teszik a testreszabást és a biztonságos integrációt.

46) Hogyan használod a és elemek a HTML5-ben?

Ezek az elemek összecsukható tartalomrészeket hoznak létre anélkül, hogy JavaForgatókönyv.

Példa:

<details>
	<summary>Click for more details</summary>
	<p>This text is revealed when expanded.</p>
</details>

Előnyök:

Javítja a felhasználói interakciót.
Javítja az akadálymentesítést (billentyűzet- és képernyőolvasó-barát).
Kerüli a szokásoktól való függést JavaSzkript megoldások.

Ez különösen hasznos GYIK vagy progresszív közzétételi felületek esetén.

47) Melyek a legfontosabb különbségek a HTML és az XHTML között?

A HTML és az XHTML (Extensible HTML) jelölőnyelvek, de az XHTML szigorúbb XML szabályokat követ.

Funkció	HTML	XHTML
Szintaxis	Rugalmas	Szigorú, XML-kompatibilis
Címke lezárása	Választható	Kötelező
Az eset érzékenysége	Nem megkülönbözteti a kis- és nagybetűket	Kisbetűsnek kell lennie
Hibakezelés	A böngészők megbocsátóak	Az elemzési hibák megszakítják a renderelést

Példa: érvényes HTML-ben, de annak kell lennie XHTML-ben. Manapság a HTML5 rugalmasságának köszönhetően nagyrészt felváltotta az XHTML-t.

48) Milyen különböző dokumentumtípusok léteznek a HTML-ben, és miért fontosak?

A doctype megmondja a böngészőnek, hogy a HTML melyik verzióját használja.

Típusok:

HTML5: (egyszerű, modern).
HTML 4.01 Szigorú/Átmeneti/Keretkészlet.
XHTML 1.0 Szigorú/Átmeneti/Keretkészlet.

A megfelelő doctype használata biztosítja a böngészők közötti konzisztens megjelenítést. A HTML5 doctype ma már szabvány.

49) Hogyan javítható a SEO HTML-címkékkel, például , <meta> és <h1>?

A SEO a megfelelő szemantikai strukturálásra támaszkodik.

: Meghatározza az oldal címét, ami kulcsfontosságú a rangsorolás szempontjából.
: Kódrészletet biztosít a keresőmotorok számára.
Címsorok ( – ): Tartalmi hierarchia rendszerezése.
alt attribútumok képeken: Javítsa a képkeresési láthatóságot.
Sémajelölés: Strukturált adatokat biztosít.

Példa:

<title>HTML Interview Questions</title>
<meta name="description" content="Comprehensive HTML interview guide with answers.">
<h1>Top HTML Questions</h1>

50) Mi a különbség a következők között? és HTML-ben?

Bár mindketten használják a href attribútum, céljaik eltérőek.

címke	Cél	Példa
	Hiperhivatkozásokat hoz létre az oldalak közötti navigációhoz.	Kattintson ide
	Külső erőforrásokhoz, például CSS-hez vagy ikonokhoz való viszonyt definiál.

A elem soha nem jelenik meg az oldal törzsében, miközben kattintható szöveget vagy képeket hoz létre.

🔍 Legfontosabb HTML interjúkérdések valós forgatókönyvekkel és stratégiai válaszokkal

1) Mi a különbség a szemantikus és a nem szemantikus HTML elemek között, és miért fontos ez?

Amit a kérdező keres: A szemantika, az akadálymentesítés, a keresőoptimalizálás (SEO) és a karbantarthatóság ismerete.

Példa válaszra:

„Szemantikai elemek, mint például , , , és jelentést és struktúrát közvetítenek mind a böngészők, mind a segítő technológiák számára. Javítják az akadálymentességet a jobb tájékozódási pontok navigációján keresztül, segítenek a keresőmotoroknak megérteni a tartalomhierarchiát, és a kódot könnyebben karbantarthatóvá teszik. Nem szemantikai elemek, mint például és nem hordoznak semmilyen inherens jelentést, ezért legjobb azokat az eseteket figyelembe venni, ahol nincs megfelelő szemantikai elem. Elsődlegesen a szemantikai elemeket részesítem előnyben, majd csak szükség esetén egészítem ki osztályokkal vagy ARIA attribútumokkal.”

2) Hogyan lehetne egy összetett űrlapot hozzáférhetővé és felhasználóbaráttá tenni egyszerű HTML használatával?

Amit a kérdező keres: A natív űrlapvezérlők, címkék, korlátozások és akadálymentesítési attribútumok elsajátítása.

Példa válaszra:

„Megfelelő asszociációkkal kezdem, megfelelő type attribútumok, mint pl email, telés date, és adjunk hozzá required, minés pattern a korlátozások érvényesítéséhez. A kapcsolódó mezőket a következővel csoportosítom: és . Én használom aria-describedby a bemenetek segítő szöveghez és hibaüzenetekhez való csatolása, egyértelmű információk biztosítása placeholder szöveg címkék cseréje nélkül, és engedélyezze autocomplete jelzőket, mint given-name és a address-line1Natív validációs üzenetekre támaszkodom, de kiegészítem azt könnyen hozzáférhető hibaösszefoglalókkal, amelyek az első érvénytelen mezőre összpontosítanak.”

3) Magyarázd el, hogyan tudnál reszponzív képeket optimális teljesítménnyel megjeleníteni.

Amit a kérdező keres: Gyakorlati haszna , sizes, és .

Példa válaszra:

„Én használom -vel srcset több felbontást és egy sizes attribútum, amely az elrendezés tényleges renderelt szélességét tükrözi. A művészeti iránymutatás érdekében a képeket befelé húzom média által kondicionált elemeket. Mindig belefoglalom a belső elemeket width és a height a helytakarékosság és az elrendezésbeli eltolódás csökkentése érdekében, és figyelembe veszem loading="lazy" „hajtogatás alatti képekhez. Ahol lehetséges, modern formátumokat, például AVIF-et vagy WebP-t is kínálok tartalékokkal.”

4) Egy korábbi oldal táblázatokat használ az elrendezéshez, és nem akadálymentes. Hogyan közelítsd meg az újrafaktorálását?

Amit a kérdező keres: Migrációs stratégia, kockázatkezelés és tesztelés.

Példaválasz (az 1. számú kötelező kifejezést használja):

„Előző munkakörömben a táblázatalapú struktúrákat szemantikai konténerekkel helyettesítettem, mint például , , , és CSS Grid az elrendezéshez. A kockázat csökkentése érdekében szeletekben migráltam, minden táblázati régiót szemantikai szakaszokhoz rendeltem, és egy HTML-validátorral és aXe-vel validáltam. Hozzáadtam a megfelelő címsorszinteket, tereptárgyakat és billentyűzetfókusz sorrendet. A paritást vizuális regressziós tesztekkel ellenőriztem, és a teljesítményt a térközképek és az elavult attribútumok eltávolításával javítottam.”

5) Hogyan `defer` és a `async` -on differ, and why should HTML authors care?

Amit a kérdező keres: A renderelési és blokkolási viselkedés megértése.

Példa válaszra:

"async letölti és végrehajtja a szkriptet, amint az elérhetővé válik, ami sorrenden kívüli végrehajtást okozhat. defer letöltések az elemzés során, de garantálja a végrehajtást a HTML elemzése után, sorrendben. A HTML-készítőknek törődniük kell ezzel, mert a szkriptek blokkolása késlelteti az első renderelést. Én alapértelmezés szerint defer olyan oldalszkriptekhez, amelyek a DOM-készültségtől és -foglalástól függenek async független szkriptekhez, például analitikához.”

6) Írj le egy olyan alkalmat, amikor a pixel-pontos tervezési kéréseket szemantikus, akadálymentes HTML-lel egyensúlyoztad.

Amit a kérdező keres: Együttműködés, kommunikáció és elvi kompromisszumok.

Példaválasz (az 2. számú kötelező kifejezést használja):

„Egy korábbi pozíciómban egy terv beágyazott dekoratív burkolókat írt elő, amelyek ösztönözték a nem szemantikai jelöléseket. Először egy szemantikai struktúrát javasoltam, majd a vizuális eredményeket CSS-sel értem el ahelyett, hogy extra elemeket használnék.” elemeket. Bemutattam a képernyőolvasó navigációjának fejlesztéseit, és dokumentáltam a megállapodott komponens API-t. A kompromisszum megőrizte a kívánt megjelenést, miközben megőrizte az akadálymentességet és a karbantarthatóságot.”

7) A méret nélküli képek és iframe-ek miatt kumulatív elrendezési eltolódást fedezel fel. Mi a terved?

Amit a kérdező keres: Gyakorlati megoldások valós teljesítménybeli problémákra.

Példaválasz (az 3. számú kötelező kifejezést használja):

„Az előző munkahelyemen mindent átnéztem” és elemek és hozzáadott belső width és a height attribútumok, amelyek megegyeznek a forrás képarányával. CSS-t használtam max-width: 100% reszponzív skálázáshoz, és amikor dinamikus tartalomról volt szó, a CSS-t alkalmaztam aspect-ratio tulajdonság- vagy konténerhelyőrzők. Ellenőriztem a Teljesítmény panel és a Lighthouse fejlesztéseit, megerősítve az elrendezésbeli eltolódás csökkenését.”

8) Melyek a legjobb gyakorlatok az akadálymentes HTML-táblázatok írásához?

Amit a kérdező keres: Helyes szerkezeti jelölések és segítő technikai támogatás.

Példa válaszra:

„Én használom egy tömör címért, , , és a szerkezetért, és fejlécek definiálásához. Többszintű fejlécekkel rendelkező összetett táblázatokhoz a következőt használom: headers és a id attribútumokat használok a cellák leképezéséhez. Kerülöm a táblázatok használatát az elrendezéshez, biztosítom a cellákon belüli tartalom megfelelő szövegkontrasztját, és szükség esetén a táblázaton kívül is megadom az összefoglalókat a kontextus kedvéért.”

9) Hogyan kezeled a szoros határidőket, amikor több HTML-termék verseng a figyelemért?

Amit a kérdező keres: Prioritás, kommunikáció és minőség nyomás alatt.

Példaválasz (az 4. számú kötelező kifejezést használja):

„Előző munkakörömben a feladatokat a felhasználói hatás és a függőségi láncok alapján rangsoroltam. Először a legnagyobb hatású, legalacsonyabb kockázatú oldalakat szállítottam le, kommunikáltam a kompromisszumokat az érdekelt felekkel, és meghatároztam az elvégzett munka definícióját, amely magában foglalta az érvényesítést, az akadálymentesítési ellenőrzéseket és az alapvető teljesítmény-költségvetéseket. Dokumentáltam az elhalasztott fejlesztéseket és az ütemezett további javításokat, hogy biztosítsam a minőség romlásának elkerülését.”

10) Egy egyoldalas marketingwebhelynek SEO-barátnak kell lennie anélkül, hogy JavaSzkriptfüggőség. Milyen HTML stratégiákat alkalmaz?

Amit a kérdező keres: Képesség keresőbarát, rugalmas tartalom küldésére.

Példa válaszra:

„Biztosítom, hogy az elsődleges tartalom HTML-ben jelenik meg, nem pedig HTML-be ágyazódik be.” JavaSzkript. Logikus címsor-hierarchiát, leíró jellegű szöveget használok. és <meta name=”description”>, kanonikus URL-eket és szemantikai szakaszokat. Ahol szükséges, megfelelő mikroadatokkal vagy JSON-LD-vel jelölöm meg a tartalmat, biztosítom az értelmes belső linkeket, és közösségi metacímkéket adok hozzá az előnézetekhez. Validálom a dokumentum vázlatát, és statikus oldaltérképpel megerősítem a feltérképezhetőséget.”

A legnépszerűbb HTML interjúkérdések és válaszok

1) Mi a HTML, és miért tekintik a webfejlesztés gerincének?

2) Magyarázd el a HTML és a HTML5 közötti különbséget példákkal.

3) Hogyan épül fel egy HTML dokumentum alapvető szerkezete?

4) Mik a címkék és elemek a HTML-ben? Adjon példákat.

5) Milyen típusú listákat támogat a HTML, és hol használják ezeket?

6) Hogyan használják az attribútumokat a HTML-ben, és milyen gyakori példák vannak erre?

7) Mik azok a szemantikus HTML elemek, és milyen előnyöket kínálnak?

8) Magyarázd el a blokk szintű és az inline elemek közötti különbséget példákkal.

9) Hogyan jönnek létre a hiperhivatkozások, és mi a különbség az abszolút és a relatív URL-ek között?

10) Mi a szerepe a címke és annak attribútumai?

KAPCSOLÓDÓ CIKKEK

11) Milyen különböző típusú beviteli mezők érhetők el a HTML5 űrlapokban?

12) Hogyan működnek a HTML5 szemantikai címkék, mint például a , , , és használatban különböznek?

13) Magyarázd el a különbséget az inline CSS, a belső CSS és a külső CSS között.

14) Mik azok a HTML entitások, és miért használják őket?

15) Hogyan Az elemek működnek, és mik az előnyeik és hátrányaik?

16) Mik azok a metacímkék a HTML-ben, és hogyan befolyásolják a keresőoptimalizálást (SEO)?

17) Mi a különbség az abszolút, relatív és gyökérrelatív elérési utak között a HTML hivatkozásokban?

18) Hogyan működnek a HTML5 API-k, mint például a geolokáció, a webtárhely és a Canvajavítja a funkcionalitást?

19) Magyarázza el a használat előnyeit és hátrányait elem az elrendezés tervezéséhez.

20) Alkalmazható-e több CSS osztály egyetlen HTML elemre? Hogyan lehet ezt elérni?

21) Mi a különbség a következők között: és HTML-ben?

22) Hogyan működik a elemi munka, és hol használják?

23) Magyarázza el a különbséget id és a class attribútumok a HTML-ben.

24) Mik azok a data-* attribútumok a HTML5-ben, és milyen előnyeik vannak?

25) Hogyan biztosítják az akadálymentességet HTML-ben ARIA szerepkörök és attribútumok használatával?

26) Mi a különbség az inline, a block és az inline-block elemek között?

27) Hogyan optimalizálhatók a képek HTML-ben a jobb teljesítmény érdekében?

28) Mi egy HTML oldal életciklusa a böngészőben?

29) Milyen előnyei és hátrányai vannak a szemantikus HTML használatának?

30) Hogy van a Reszponzív képekhez használt elem?

31) Milyen különböző módokon lehet hangot beágyazni HTML5-be?

32) Hogyan működik a A címke működik, és milyen előnyei vannak?

33) Milyen előnyei és hátrányai vannak a HTML űrlapok használatának?

34) Miben különbözik a kliensoldali űrlap-érvényesítés a szerveroldali ellenőrzéstől?

35) Mi a célja a viewport Metacímke reszponzív designban?

36) Hogyan és Az elemek javítják a HTML5 alkalmazásokat?

37) Magyarázd el a különbségeket a következők között: , , and .

38) Hogyan biztosítható az űrlapok biztonságos kezelése HTML-ben?

39) Mi a különbség a sütik, a localStorage és a sessionStorage között HTML5-ben?

40) Hogyan kezeli a HTML a képek, űrlapok és multimédia akadálymentesítését?

41) Milyen előnyei vannak a használatának? multimédiás elem?

42) Hogyan működik a contenteditable attribútum működik HTML-ben?

43) Mi a különbség a progresszív javítás és a kecses lebontás között a HTML-tervezésben?

44) Mik a mikroadatok a HTML5-ben, és hogyan hasznosak a SEO számára?

45) Milyen előnyei és hátrányai vannak az inline keretek használatának? )?

46) Hogyan használod a és elemek a HTML5-ben?

47) Melyek a legfontosabb különbségek a HTML és az XHTML között?

48) Milyen különböző dokumentumtípusok léteznek a HTML-ben, és miért fontosak?

49) Hogyan javítható a SEO HTML-címkékkel, például , <meta> és <h1>?

50) Mi a különbség a következők között? és HTML-ben?

🔍 Legfontosabb HTML interjúkérdések valós forgatókönyvekkel és stratégiai válaszokkal

1) Mi a különbség a szemantikus és a nem szemantikus HTML elemek között, és miért fontos ez?

2) Hogyan lehetne egy összetett űrlapot hozzáférhetővé és felhasználóbaráttá tenni egyszerű HTML használatával?

3) Magyarázd el, hogyan tudnál reszponzív képeket optimális teljesítménnyel megjeleníteni.

4) Egy korábbi oldal táblázatokat használ az elrendezéshez, és nem akadálymentes. Hogyan közelítsd meg az újrafaktorálását?

5) Hogyan defer és a async -on differ, and why should HTML authors care?

6) Írj le egy olyan alkalmat, amikor a pixel-pontos tervezési kéréseket szemantikus, akadálymentes HTML-lel egyensúlyoztad.

7) A méret nélküli képek és iframe-ek miatt kumulatív elrendezési eltolódást fedezel fel. Mi a terved?

8) Melyek a legjobb gyakorlatok az akadálymentes HTML-táblázatok írásához?

9) Hogyan kezeled a szoros határidőket, amikor több HTML-termék verseng a figyelemért?

10) Egy egyoldalas marketingwebhelynek SEO-barátnak kell lennie anélkül, hogy JavaSzkriptfüggőség. Milyen HTML stratégiákat alkalmaz?

Foglald össze ezt a bejegyzést a következőképpen:

Iratkozzon fel a hírlevélre

23) Magyarázza el a különbséget `id` és a `class` attribútumok a HTML-ben.

35) Mi a célja a `viewport` Metacímke reszponzív designban?

42) Hogyan működik a `contenteditable` attribútum működik HTML-ben?

5) Hogyan `defer` és a `async` -on differ, and why should HTML authors care?