IES: HTML-recog dk2 Flashcards
- attribute of the HTML root element
- appoints the document’s language
- Example: “ar”: Arabic, “fr”: French, “es”: Spanish; “en”: English.
- Example coding: <html ____=”en”> … </html>
lang
- empty element
- presents Information or parameters about the document itself
- always appears in the head of the document’s HTML coding
<meta></meta>
- Character-set
- an attribute of the meta element
- Example coding: ( <meta ______=”utf-8”> )
Charset
- A type of character encoding format
- Assigns an 8-bit Unicode Transformation Format Character Setting for the HTML document
- Assigned using a “charset” attribute of a meta element in the head of the html document
UTF-8
- Text container in the head where the doc’s title is placed
- should be short and meaningful: ideal length- 10 characters or less.
- very important for SEO.
Used extensively in the following: - bookmarks
- Title bar
- Navigation tab
- History
- Search engines
<title>
</title>
- Search Engine Optimization.
- Highly prized process of improving a page’s organic page rankings (rank in search results) presumably, maximizing the number of visitors to a particular website.
- It is useful to provide sufficient metadata that describes the page content well.
SEO
- Block element
- The tags For this element contain the largest of 6 different sizes of headings and subheadings
- Usually holds the doc’s main heading (Should be only one in doc, but can be more)
<h1>
</h1>
- Verify that any HTML doc will conform to its specified document type declaration: thereby, always appearing correctly in any standards-compliant browser.
- Validator.w3.org
W3C Validator Tool
- In HTML coding, the way of including special characters in the document
- Begins with an ampersand and ends with a semicolon (& … ;)
- *Best avoided in doc titles as the vocal narrator used by visually impaired viewers may read this as a word.
- (W3C comprehensive Chart of these special characters and their corresponding html codes found at: dev.w3.org/html5/html-author/charref)
HTML “character entities”
- html entity coding for “ < “
- These are often needed to avoid confusion with the angled brackets that surround each HTML tag.
<!--"<"-->
(The only coding relevant to this question lies between the quotes.)
- html entity code for “ > “
- These are often needed to avoid confusion with the angled brackets that surround each HTML tag.
<!--">"-->
(The only coding relevant to this question lies between the quotes.)
- html entity code for (a single non-breaking space)
- Two words separated by a non-breaking space will stick together (not break into a new line).
- *This is handy when breaking the words might be disruptive.
- Example code: <p>follow<&[…]nbsp[…];>me</p>
Word of coding:
* begins with “ &…”
* followed by “..nbsp..”
* ending in “..; “
(The only coding relevant to this question lies between the quotes.)
- html entity code for (bullet point)
<!--"•"-->
(The only coding relevant to this question lies between the quotes.)
- html entity code for (©)
<!--"©"-->
(The only coding relevant to this question lies between the quotes.)
- html entity code for (™)
<!--"™"-->
(The only coding relevant to this question lies between the quotes.)
- html entity code for (®)
<!--"®"-->
(The only coding relevant to this question lies between the quotes.)
- html entity code for ( “ ), (Quotation marks)
<!--"""-->
(The only coding relevant to this question lies between the quotes.)
- WinKey + Ctrl + Enter
- Press the “tab” button to hear the document title
To launch the narrator in Windows 10
- <!--notes or comments here-->
Coding in HTML to place a comment that is ignored by the browser
- html code to ensure the best page view for smaller / larger screens: ensures doc will fill the device screen width
- Sets the initial zoom level so the content is not zoomed.
- Coding: <meta name=”viewport” content=”width=device-width, initial-scale=1”>
Optimize doc view (all screens)
