HTML
what is the difference between <i>, <em> and <b>, <strong>?
- <em> <strong> have sematic meaning - <em> has emphasise meaning - <strong> has importance meaning
what is <header> element used for?
- the header is used for the top of a webpage - and introduction of an elements like a post header
how to create a line break with html?
<br>
What does HTML stand for?
- HTML stands for Hypertext Markup Language - Markup means the language that structures and describes the content using elements. - Hypertext means we can have different pages linked together.
What kind of things must you be wary of when designing or developing for multilingual sites?
- Text expansion: translated text may require more space than the original, which can affect layout and design. - Language direction: some languages are read from right to left, so you may need to adjust your layout accordingly. + Font support: Make sure that your chosen fonts support all the characters necessary for each language.
what are the types of elements in HTML and the anatomy of an HTML element?
- a regular element [opening tag + content + closing tag] like <p>some paragraph</p> - void elements don't need a closing tag. like <br>
what are attributes used for?
- attributes are used to describe our elements and add extra info to elements. - some are required, like src in images - some are optional like target in links
what is <footer> element used for?
- footer for the contact info -owner info -and the end of the page
what is <aside> element used for?
- for related content such as posts suggestions -for sidebars, it says this content is complementary to the main content.
what does <meta charset='utf-8'> do?
- tells the browser to render the content using the utf-8 encoding system. - it has all characters from different languages.
What does a doctype do?
- it's like two friends playing an encryption game - and the writer of the message provides a note as a hint for his friend at the top of the paper. - if he didn't his friend will try to decrypt using a wrong way - the doctype tells the browser the following code is HTML, you should render it in a standards-compliant mode, not quirks mode - the syntax differed from one version to another version but in HTML5 it's <!DOCTYPE html>
What are HTML entities?
- special code that represents a character or simbol like (©) - they start with ampersand & and end with a simicolon ; - to write symbols that is difficult with standard keyboard input - to write symbols that standard input will make it render incorrectly like < or >
How do you serve a page with content in multiple languages?
- use the lang attribute to describe the language used in the site - use a translated version of the site - use a language selector in the site to allow users to choose the language of the site.
What are empty elements in HTML ?
- void elements don't need a closing tag. like <br> or <img>
what does boilerplate means?
a template code
what is <article> element used for?
article for a block of related content like an article or a post.
what does metadata mean?
data about (describes) other data
Name elements with no semantic meaning?
div, span
What are the building blocks of HTML5?
elements - semantic elements - attributes - multimedia elements - SVG - Canavas - APIs - forms.
what are semantic elements?
elements with meaning, like nav, p, and footer
What is the role of HTML in a web page?
it provides a structure for the site, like a backbone.
what is <nav> element used for?
it's used for navigation
why do we use elements like header, footer, main?
they give semantic meaning to content.
why do we care about semantics?
we use semantics for 2 reasons - (SEO) search engine optimization, search engines will be able to understand what is the structure of the site and able to analyze what the site is about. - it's important for accessibility, people with disabilities will rely on screen readers for scanning the webpage.
