52
52 تا از بهترین پرسش و پاسخ‌های مصاحبه HTML در سال 2024
52 تا از بهترین پرسش و پاسخ‌های مصاحبه HTML در سال 2024
52 تا از بهترین پرسش و پاسخ‌های مصاحبه HTML در سال 2024
HTML زبان اصلی وب جهانی است؛ بنابراین، توسعه‌دهندگان وب باید درک کاملی از آن داشته باشند. وقتی شما در مصاحبه HTML سوالاتی می‌پرسید، به دنبال فهم مهارت فنی کاربر احتمالی هستید. پس برای صحیح انجام دادن این کار، سوالات باید به درستی پرسیده شوند.
بررسی سوالات و بهترین پاسخ‌های مربوط به مصاحبه، راهی عالی برای اطمینان از آمادگی کامل شما، جهت صحبت با نامزدهای احتمالی است. در صورتی که شما نیز در نقش یک توسعه‌دهنده مصاحبه می‌کنید، به شما تبریک می‌گوییم و امیدواریم موفق باشید!
فرقی نمی‌کند HTML5 یا پیچیدگی‌های ویژگی‌ها را تقویت کنید؛ در هر صورت، درک بهترین پاسخ‌ها به سوالات مصاحبه HTML در یافتن ساده‌تر فرد مناسب برای نقش، کمک‌کننده است.
بیشتر بخوانید: مهمترین کدهای طراحی سایت
سوالات اصلی مصاحبهHTML
اگر به عنوان توسعه‌دهنده وب مصاحبه می‌کنید، احتمالا به برخی از این سوالات باید پاسخ دهید. پاسخ‌هایی که می‌دهید، سطح درک شما را از HTML به مصاحبه‌کننده نشان می‌دهد.
1- HTML مخفف چیست؟
اصطلاح HTML کوتاه‌شده عبارت Hypertext Markup Language است. این زبان به طور گسترده مورد استفاده قرار می‌گیرد و به عنوان زبان اصلی اینترنت در نظر گرفته می‌شود.
2- HTML را شرح دهید.
شما می‌توانید از HTML برای ایجاد صفحات یا قالب‌های وب‌سایت و ارائه محتوا به وب جهانی استفاده کنید.
3- چرا از تگ‌های HTML استفاده می‌کنید؟
ما از تگ‌های HTML برای کمک به قالب‌بندی صحیح محتوا استفاده می‌کنیم. تگ‌ها شامل کاراکترهای بزرگتر از > و کاراکتر کوچکتر از< می‌شوند. کاراکتر اسلش نیز یک تگ بسته است. به عنوان مثال:
<small>example</small>
4- آیا تگ‌های HTML به تگ پایان نیاز دارند؟
خیر، همه تگ‌های HTML به تگ پایان نیاز ندارند.
5- اصلی‌ترین تفاوت بین عناصر و برچسب‌ها چیست؟
در HTML، تگ‌ها شروع یا پایان یک عنصر را مشخص می‌کنند. یک عنصر محتوا را نگه می‌دارد و شامل مجموعه تگ شروع، ویژگی‌ها، هر چیزی که در آن میان وجود دارد و تگ پایان می‌شود.
6- برخی از انواع لیست که ممکن است هنگام طراحی صفحه در HTML مورد استفاده قرار دهید، چیست؟
شما می‌توانید از چندین نوع لیست در یک صفحه وب استفاده کنید که برای ایجاد آن‌ها به یک مجموعه برچسب نیاز است. انواع فهرست‌ها شامل موارد زیر می‌شوند:
- یک لیست تعریف
7- عناصر سطح بلوک در مقابل عناصر درون خطی: تفاوت این دو در چیست؟
عناصر درون خطی (مانند <a>، <b>، <span>، <label> ) عرض لازم برای پر کردن ظرفیت را دارند. در حالی که عناصر بلوک ( <P>، <section>، <img>، <div> ) بلوک‌هایی هستند که تمام عرض قابل دسترس را اشغال می‌کنند. آن‌ها همچنین همواره از یک خط جدید آغاز می‌کنند.
8- آیا ممکن است یک لینک متنی، به دو صفحه مختلف در وب‌سایت اشاره کند؟
از آنجا که تگ <a> تنها یک ویژگی href را می‌تواند بپذیرد، در حال حاضر چنین امکانی وجود ندارد.
9- آیا می‌توانید ساختار اولیه قالب HTML را بنویسید؟
بله، در زیر نشان داده شده است.
HTML
<!Doctype html>
<html>
<head>
<title>Your Title Here</title>
</head>
<body>
</body>
</html>
بیشتر بخوانید: صفر تا صد زبان برنامه نویسی در طراحی سایت
سوالات سطح متوسط مصاحبه HTML
10- ویژگی HTML چیست؟
یک ویژگی HTML درون تگ باز قرار می‌گیرد و رفتار عنصر را تنظیم می‌کند. این ویژگی همچنین می‌تواند نحوه نمایش یک عنصر HTML را تنظیم نماید.
11- آیا مقادیر مشخصه می‌توانند روی هر عددی تنظیم شوند یا فقط مقادیر خاصی قبول می‌شود؟
بستگی دارد. در حالی که برخی از مقادیر مشخصه را تنها می‌توان از پیش تعریف کرد، برخی دیگر می‌توانند هر مقدار عددی را تا زمانی که تعداد پیکسل برای یک اندازه نشان داده شود، بپذیرند.
12- تگ anchor HTML چیست و به چه دلیل از آن استفاده می‌شود؟
تگ anchor HTML یا تگ لنگر <a>، که برای پیوند دادن دو بخش، قالب‌های وب‌سایت یا صفحات وب پیاده‌سازی می‌شود، دارای ویژگی href است که برای ایجاد لینک کار می‌کند. محتوای درون هر تگ لنگر، باید مقصد پیوند را نشان دهد.
13- نظرات HTML چه زمانی مورد استفاده قرار می‌گیرد؟
در یک سند HTML، نظرات به عنوان یادداشت‌های کمک‌کننده عمل می‌کنند. این یادداشت‌ها به توسعه‌دهندگان اجازه می‌دهند تا تغییراتی را که لازم است بعدا اعمال شوند، ذکر کنند. همچنین به خاطر داشتن این نکته مهم است که هنگام اجرای کد، یادداشت‌ها در مرورگر نمایش داده نمی‌شوند.
14- اگر بخواهید داده‌ها را به صورت جدول نمایش دهید، از کدام تگ‌های HTML استفاده می‌کنید؟
برای مرتب کردن داده‌ها به شکل جدول، از تگ‌های زیر استفاده کنید:
<table> - برای تعریف جدول.
<tr> - برای تعریف یک ردیف در جدول.
<td> - برای تعریف یک سلول در جدول.
<caption> - برای ذکر عنوان در جدول.
<th> - برای تعریف یک سلول header در جدول.
<col> - برای مشخص کردن خصوصیات ستون، برای هر ستون موجود در جدول.
<tbody> - برای گروه‌بندی محتوای بدنه در جدول.
15- چگونه یک هایپرلینک HTML ایجاد می‌کنید؟
شما با تگ <a> شروع می‌کنید تا یک هایپرلینک ایجاد شود. سپس، ویژگی href را برای نشان دادن مقصد پیوند اضافه می‌کنید. قسمت متن پیوند برای خواننده قابل مشاهده خواهد بود و با کلیک بر روی متن، خواننده می‌تواند به آدرس دسترسی پیدا کند. به مثال زیر توجه کنید:
< a href="https://hubspot.com/">
16- به چند روش می‌توانید سبک‌های CSS را برای یک عنصر HTML مشخص کنید؟
سه راه جهت تعیین سبک‌های CSS، برای عناصر HTML وجود دارد. این سه راه شامل داخلی، درون خطی و خارجی می‌شوند.
بیشتر بخوانید: معرفی زبان برنامه نویسی دات نت
17- آیا هایپرلینک برای تصاویر، متن یا هر دو اینها کاربرد دارد؟
شما می‌توانید از یک هایپرلینک روی یک تصویر، متن یا هر دو استفاده کنید.
18- شیوه‌نامه چیست؟
شیوه‌نامه برای توسعه‌دهندگانی که می‌خواهند الگوهای سبک قابل حمل و نقلی بسازند، موثر است. پس از آن یک توسعه‌دهنده می‌تواند این الگوها را به چندین صفحه وب اضافه نماید. شیوه نامه، قالب‌بندی و ظاهر سند را توصیف می‌کند و در زبان نشانه‌گذاری که در این مورد HTML است، کاربرد دارد.
19- تفاوت بین تگ منطقی و فیزیکی چیست؟
هر دو تگ‌های منطقی و فیزیکی، دید و درک متن را توسط کاربر صفحه وب افزایش می‌دهند. تگ فیزیکی ظاهر متن را تعیین می‌کند و هیچ اطلاعات اضافه‌تری ارائه نمی‌دهد. در مقابل، تگ‌های منطقی ماهیت محتوا و رفتار آن را برای متن داخل تگ توصیف می‌کنند.
20- چگونه عناصر لیست HTML را صاف نگه می‌دارید؟
شما می‌توانید از فرورفتگی‌ها برای مستقیم نگه داشتن عناصر لیست خود استفاده کنید.
21- صفت کلاس چیست و چرا از آن استفاده می‌شود؟
توسعه‌دهندگان از ویژگی class برای تعیین نام کلاس برای یک عنصر استفاده می‌کنند. به خاطر داشته باشید که چندین عنصر HTML می‌توانند مقدار کلاس یکسانی داشته باشند. صفت کلاس می‌تواند سبک‌های توصیف شده در شیوه‌نامه را با عناصر HTML مناسب مرتبط کند.
22- ساختار طرح‌بندی HTML چیست؟ آن را توضیح دهید.
با اینکه صفحات وب در قالب‌های خود بسیار متفاوت هستند، اکثر آن‌ها در چندین چیز اشتراک دارند. اینها روش‌های پذیرفته‌شده جهانی برای ساختار صفحات وب شماست که عبارتند از:
<article> - مقاله مجموعه‌ای از اطلاعات است.
<aside> - این محتوای نوار کناری در یک صفحه است.
<section> - این داخل بلوک مقاله شما استفاده می‌شود و ساختار اصلی صفحه را تعریف می‌کند.
<header> - این جایی است که اطلاعات شروع صفحه وب ذخیره می‌شود.
<footer> - این تگ نمایانگر بخش نهایی صفحه وب است.
<nav> - این منوی پیمایش صفحه است.
23- آیا تمام ماهیت کاراکتر می‌تواند به درستی در همه سیستم‌ها نمایش داده شود؟
همه سیستم عامل‌ها نمی‌توانند تمام ماهیت کاراکتر را به درستی نمایش دهند. اگر سیستمی از یکسری کاراکترهای خاص پشتیبانی نکند، آن‌ها را به عنوان جعبه نشان می‌دهد.
24- چگونه می‌توانید بارگذاری دارایی‌های وب‌سایت را با HTML بهینه کنید؟
برای بهینه‌سازی موفقیت‌آمیز زمان بارگذاری وب‌سایت خود، لازم است بارگذاری دارایی را بهینه کنید. برای انجام این کار چند راه وجود دارد.
- فشرده سازی فایل. فشرده‌سازی فایل به شما کمک می‌کند تا اندازه دارایی و بنابراین، انتقال داده‌های لازم را کاهش دهید.
- بارگذاری تنبل. به جای بارگیری همزمان همه دارایی‌ها، می‌توان دارایی‌های غیر‌ضرور را در صورت نیاز بارگیری کرد.
- کوچک کردن اسکریپت‌ها. این کار باعث کاهش حجم فایل‌های CSS و JS می‌شود.
- میزبانی CDN . این یک شبکه تحویل محتوا است و شامل سرورهایی می‌شود که به صورت جغرافیایی توزیع شده‌اند تا تاخیر را کاهش دهند.
- الحاق فایل. این می‌تواند تعداد تماس‌های HTTP را کاهش داده و در نتیجه بارگذاری را بهینه کند.
- دانلودهای موازی. اگر دارایی‌ها را در چندین زیر‌دامنه میزبانی می‌کنید، این مورد می‌تواند در دور زدن محدودیت دانلود شش دارایی در هر دامنه کمک‌کننده باشد.
25- چرا متا تگ‌ها در HTML مفید هستند؟
یک توسعه‌دهنده از متاتگ‌ها کمک می‌گیرد تا توضیحات صفحه، مجموعه کاراکترها، کلمه کلیدی، نویسنده قالب و موارد دیگر را به مرورگر نشان دهد. متا تگ‌ها همچنین در بهینه‌سازی موتور جستجو برای ترجمه محتوای صفحه به موتور جستجو مفید هستند.
26- iframe چیست؟
یک iframe مفید است زیرا می‌توانید از آن برای جاسازی یک سند اضافی در سند HTML فعلی استفاده کنید. این به صورت <iframe> نوشته می‌شود.
27- فرم های HTML چیست؟ چرا مفید هستند؟
شما می‌توانید از یک فرم HTML برای جمع‌آوری ورودی‌های کاربر استفاده کنید. ساخت یک فرم نسبتا ساده است؛ زیرا HTML یک برچسب (<form>) برای ایجاد آن ارائه می‌دهد. این فرم در صورتی که به دنبال جمع‌آوری اطلاعات از یک کاربر باشید نیز مفید خواهد بود. در این مورد، از تگ <input> استفاده کرده و آن را داخل فرم قرار دهید. پس از آن، داده‌های جمع‌آوری‌شده کاربر برای پردازش به سرور تحویل داده می‌شود.
به خاطر داشته باشید که انواع مختلفی از ورودی مانند شماره، رمز عبور، چک باکس، دکمه، ارسال و متن وجود دارد که می‌توانید از آن‌ها برای جمع‌آوری اطلاعات یا حتی ارسال ایمیل استفاده کنید.
28- چند نوع عنوان در HTML وجود دارد؟
شش نوع عنوان در HTML وجود دارد. به خاطر داشته باشید: عنوان یک عنصر در سطح بلوک است که برای ارائه یک موضوع یا بخش خاص با یک هدر استفاده می‌شود.
29- ماهیت HTML چیست؟
ماهیت کاراکتر در HTML، کاراکترهای رزرو‌شده یا کاراکترهای نامرئی را نمایش می‌دهد. از نظر فنی، منظور از ماهیت، قطعه‌ای از یک متن یا یک "رشته" است که با علامت ampersand شروع می‌شود و با نقطه ویرگول به پایان می‌رسد.
30- تگ‌های قالب‌بندی HTML چیست؟
چندین تگ قالب‌بندی HTML وجود دارد که شامل موارد زیر می‌شود:
- <i> - متن را مورب می‌کند.
- <small> - متن را یک واحد کوچکتر می‌کند.
- <sup> - متن بالانویس را می‌سازد.
- <sub> - متن را زیرنویس می‌کند.
- <ins> - به عنوان متن اضافه‌شده نمایش داده می‌شود.
31- نقشه تصویری چیست و چرا مهم است؟
نقشه تصویر به شما این امکان را می‌دهد تا صفحات وب متفاوت را تنها با یک تصویر پیوند دهید. این با تگ <map> نشان داده می‌شود.
32- ویژگی مورد نیاز چیست و چرا مفید است؟
می‌توان از ویژگی مورد نیاز در HTML برای اجباری کردن فیلد فرم استفاده کرد.
سوالات سطح پیشرفته مصاحبه HTML
33- تفاوت بین HTML و XHTML چیست؟
HTML مخففHyperText Markup Language است. XHTML یک زبان نشانه‌گذاری فرامتن توسعه‌پذیر و نسخه سختگیرانه‌تری از HTML محسوب می‌شود که بیشتر مبتنی بر XML است. با این حال، هر دو زبان‌های نشانه‌گذاری هستند و می‌توان از آن‌ها برای ساخت صفحات وب و برنامه ها استفاده کرد.
34- عنصر SVG را تعریف کنید.
عنصر <SVG> که به عنوان محفظه‌ای برای گرافیک‌های SVG عمل می‌کند، چندین روش برای ترسیم متن، تصاویر گرافیکی، دایره‌ها، کادرها و مسیرها ارائه می‌دهد. شما می‌توانید این تصاویر را مستقیما در HTML بنویسید.
35- چند نوع Doctype موجود است؟ نام ببرید.
سه نوع Doctype وجود دارد. این موارد عبارتند از: سخت، چارچوب و انتقالی.
36- چرا تگ های <head> و<body> در HTML مهم هستند؟
از آنجایی که این تگ‌ها اطلاعاتی را در ساختار سند ارائه می‌دهند، بسیار اهمیت دارند. تنها یک تگ <head> در سند وجود دارد که در تگ <html> بسته می‌شود. تگ <head> همیشه قبل از تگ <body> می‌آید. همچنین متادیتا را در مورد صفحه وب ارائه می‌دهد. برچسب‌های بسته‌شده توسط برچسب head نیز، در صفحه وب نمایش داده نمی‌شوند.
در مقابل، عنصر <body> بدنه سند را تعریف می‌کند و باید در تگ <HTML> بسته شود. در هر سند تنها یک برچسب بدنه می‌تواند وجود داشته باشد.
37- عنصر void در HTML چیست؟
عنصر void یا خالی، یک عنصر HTML است که نیازی به بسته شدن یا داشتن برچسب برای بسته شدن ندارد. به <hr /> و <br /> فکر کنید.
38- مزیت از بین بردن فضای سفید چیست؟
از آنجا که فضاهای سفید دنباله‌های خالی از کاراکترهای فاصله هستند، HTML به آن‌ها به عنوان یک کاراکتر فاصله نگاه می‌کند. مرورگر چندین فضا را در یک قسمت جمع کرده تا بتوانید خطوط متن را تورفتگی کنید. همچنین، نگران داشتن فضاهای مختلف که باعث می‌شود کد HTML شما بسیار خواناتر باشد، نباشید.
39- marquee چیست و چرا از آن استفاده می‌شود؟
وقتی به دنبال تعریف یک ناحیه متنی پیمایشی در سند HTML خود باشید، از تگ marquee (<marquee>) استفاده خواهید کرد. سپس این قطعه اسکرولینگ، به صورت افقی یا عمودی در سراسر بخشی از صفحه وب که نشان داده‌اید، حرکت می‌کند.
40- از چه تگ‌هایی برای جداسازی بخشی از متن استفاده می‌کنید؟
سه تگ که می‌توانند بخشی از متن را جدا کنند عبارتند از: <br>، <p> و <blockquote> .
41- تفاوت بین SPAN و DIV در HTML چیست؟
SPAN و DIV عناصری هستند که بخش‌هایی از یک صفحه وب را که به یکدیگر مرتبطند، در کنار هم قرار می‌دهند. این دو عنصر عملکردهای متفاوتی دارند.SPAN برای سازماندهی درون خطی است و DIV برای سازماندهی در سطح بلوک و استایل عناصر صفحه به کار می‌رود.
42- فاصله سلولی چیست؟
فاصله سلولی میزان اهمیت فضای بین سلول‌ها را مشخص می‌کند. فضا به طور پیش‌فرض 2 پیکسل است؛ اما توسعه‌دهندگان می‌توانند آن را تغییر داده و به‌روز کنند.
43- padding سلولی چیست؟
cell padding در HTML، به فضای بین محتوای سلول و لبه‌ها اشاره دارد. padding به طور پیش فرض صفر است؛ اما توسعه‌دهندگان می‌توانند آن را افزایش دهند.
44- تفاوت بین تگ لینک و تگ anchor چیست؟
تگ لینک (<link>) برای تعریف پیوند بین یک منبع خارجی و یک سند استفاده می‌شود و قابل کلیک نیست. به طور برعکس، یک تگ anchor (<a>) ، لینک به صفحه وب یا بخشی از صفحه دیگر ایجاد می‌کند و قابل کلیک است.
45- آیا می‌توانید جاوا اسکریپت را در HTML قرار دهید؟ اگر چنین است، چگونه باید این کار را انجام داد؟
بله، شما می‌توانید کد جاوا اسکریپت را هنگام نوشتن HTML اضافه کنید. HTML یک تگ <script> ارائه می دهد که می‌توان از آن برای اجرای کد جاوا اسکریپت استفاده کرد. پس از آن، کل صفحه HTML پویاتر خواهد بود.
46- اگر هیچ متنی را بین تگ‌ها وارد نکنید، چه چیزی نمایش داده می‌شود؟
وقتی هیچ متنی بین تگ‌ها وجود نداشته باشد، هیچ چیز قالب‌بندی نخواهد شد و هیچ قالب‌بندی نشان داده نمی‌شود.
47- چرا قالب‌بندی HTML مفید است؟
قالب‌بندی متن به شما این امکان را می‌دهد تا ظاهر و احساسی ساده‌تر و قابل‌دسترس‌تر داشته باشید. با استفاده از تگ‌های مختلف برای ایجاد متن پررنگ، زیرخط‌دار یا مورب، به این هدف خواهید رسید
بهترین پرسش و پاسخ‌های مصاحبه HTML5
اگر در حال مصاحبه با کاندیداهای نقشی هستید که مبتنی بر HTML5 عمل می‌کند، بررسی این سوالات و پاسخ‌های آن‌ها به شما کمک خواهد کرد تا در کارتان به موفقیت برسید. در این میان، سوالات سنتی HTML را نیز بخوانید؛ زیرا پرسیدن برخی از آن‌ها همچنان مفید است.
- انواع ورودی فرم جدید در HTML5 چیست؟
- حالت HTML5 Quirks چیست؟
- بوم چیست؟
- چند تگ برای ایجاد یک صفحه وب با استفاده از HTML5 نیاز است؟
- چرا از تگ figure در HTML5 استفاده می‌شود؟
- فرض کنید که یک محاسبه را در HTML5 کامل کرده‌اید. از چه برچسبی برای نمایش نتیجه آن استفاده می‌کنید؟
- برچسب ذکر‌شده در بالا چند ویژگی دارد؟
- آیا عناصر بخش درHTML5 می‌توانند عنصر مقاله داشته باشند؟
- چگونه می‌توانید ویدیو یا صدا را در صفحه خود قرار دهید؟
- اضافه شدن کارگران وب به چه معناست؟
48- HTML5 چیست و چرا ارزشمند است؟
HTML5 نسخه جدید و بهبود‌یافته HTML است که در سال 2014 معرفی شد و کنسرسیوم وب جهانی آن را منتشر کرد. چندین ویژگی تعیین‌کننده در HTML5 وجود دارد که آن را بسیار ضروری می‌کند.
49- اهداف اولیه از انتشار HTML5 چه بود؟
HTML5 به طور قابل‌توجهی چندین جنبه حیاتی HTML را بهبود می‌بخشد. اهداف اولیه HTML5 عبارتند از:
· برای ارائه یک استاندارد تجزیه سخت‌تر برای اطمینان از رفتارهای متقابل مرورگر سازگار
· ساده کردن رسیدگی به خطا
· ارائه سازگاری استثنایی به عقب با اسناد قدیمی‌تر
· ارائه پشتیبانی معنایی پیشرفته برای ساختار صفحه وب با معرفی برچسب‌های عناصر ساختاری جدید
50- چند ویژگی کلیدی HTML5 را بیان کنید
HTML5 قابلیت‌های قدرتمندتری نسبت به HTML سنتی ارائه می‌دهد. برخی از این قابلیت‌ها شامل معرفی صدا و تصویر، سرصفحه و پاورقی، گرافیک‌برداری، تگ‌های ورودی گسترده، مکان‌نماها، شکل/figcaption، کنترل نمایش، سازگاری، عبارات منظم، عناصر درون خطی، پشتیبانی اضافی برای صفحات پویا، استفاده از ایمیل به عنوان دارایی، بوم و ... می‌شوند.
51- انواع ورودی‌های فرم جدید در HTML5 چیست؟
HTML5 تاریخ، زمان، هفته، ماه، ایمیل، URL، محدوده، جستجو، رنگ، شماره تلفن و DateTime-local را معرفی کرد.
52- حالت HTML5 Quirks چیست؟
وقتی عنصر <!DOCTYPE> در صفحه سند/HTML نمایش داده نمی‌شود، حالت Quirks اتفاق می‌افتد. در این زمان، عنصر HTML به مرورگر بستگی دارد و نمایش آن نیز همین طور خواهد بود.
همراه ما باشید؛ این مطلب به روز رسانی خواهد شد....
- 50
- 0
نظرات کاربران (0)