FullStack.
Cafe - Kill Your Tech Interview
FullStack.Cafe - Kill Your Tech Interview
Q1: What is the purpose of the alt attribute on images? ☆
Topics: HTML5
Answer:
The alt attribute provides alternative information for an image if a user cannot view it. The alt attribute
should be used to describe any images except those which only serve a decorative purposes, in which case it
should be left empty.
Q2: Explain meta tags in HTML ☆
Topics: HTML5
Answer:
Meta tags always go inside head tag of the HTML page
Meta tags is always passed as name/value pairs
Meta tags are not displayed on the page but intended for the browser
Meta tags can contain information about character encoding, description, title of the document etc,
Example:
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="I am a web page with description">
<title>Home Page</title>
</head>
<body>
</body>
</html>
Q3: What is an iframe and how it works? ☆
Topics: HTML5
Answer:
An iframe is an HTML document which can be embedded inside another HTML page.
Example:
<iframe src="https://github.com" height="300px" width="300px"></iframe>
Page 1 of 3
FullStack.Cafe - Kill Your Tech Interview
Q4: What were some of the key goals and motivations for the
HTML5 specification? ☆☆
Topics: HTML5
Answer:
HTML5 was designed to replace HTML 4, XHTML, and the HTML DOM Level 2. The key goals and motivations
behind the HTML5 specification were to:
Deliver rich content (graphics, movies, etc.) without the need for additional plugins, such as Flash.
Provide better semantic support for web page structure through new structural element tags.
Provide a stricter parsing standard to simplify error handling, ensure more consistent cross-browser
behaviour, and simplify compatibility with documents written to older standards.
Provide better cross-platform support whether running on a PC, Tablet, or Smartphone.
Q5: How Can I Get Indexed Better by Search Engines? ☆☆
Topics: HTML5
Answer:
It is possible to get indexed better by placing the following two statements in the <HEAD> part of your
documents:
<META NAME="keywords" CONTENT="keyword keyword keyword keyword">
<META NAME="description" CONTENT="description of your site">
Both may contain up to 1022 characters. If a keyword is used more than 7 times, the keywords tag will be
ignored altogether. Also, you cannot put markup (other than entities) in the description or keywords list.
Q6: What is the difference between span and div? ☆☆
Topics: HTML5
Answer:
div is a block element
span is inline element
For bonus points, you could point out that it’s illegal to place a block element inside an inline element, and that
while div can have a p tag, and a p tag can have a span , it is not possible for span to have a div or p tag
inside.
Q7: What is Character Encoding? ☆☆
Topics: HTML5
Answer:
To display an HTML page correctly, a web browser must know which character set (character encoding) to use.
This is specified in the tag:
Page 2 of 3
FullStack.Cafe - Kill Your Tech Interview
HTML4:
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
HTML5:
<meta charset="UTF-8">
Q8: How can you highlight text in HTML? ☆☆
Topics: HTML5
Answer:
If you are working with an HTML5 page, the <mark> tag can be a quick and easy way of highlighting or marking
text on a page:
<mark>highlighted text</mark>
To highlight text with just HTML code and support for all browsers, set the background-color style, as shown in
the example below, using the HTML tag.
<span style="background-color: #FFFF00">Yellow text.</span>
Q9: What is a self closing tag? ☆☆
Topics: HTML5
Answer:
In HTML5 it is not strictly necessary to close certain HTML tags. The tags that aren’t required to have specific
closing tags are called “self closing” tags.
An example of a self closing tag is something like a line break ( <br /> ) or the meta tag ( <meta> ). This means
that the following are both acceptable:
<meta charset="UTF-8">
...
<meta charset="UTF-8" />
Page 3 of 3
