Day 2: Make yourself an online resume
. Final verification, ask a few questions and try to answer them
What is HTML and what is HTML5
The definition of HTML is excerpted from w3school's Introduction to HTML
HTML is a language used to describe web pages.
- HTML stands for Hypertext Markup Language (
HyperTextMarkupLanguage)- HTML is not a programming language, but a markup language
- A markup language is a set of markup tags
- HTML uses markup tags to describe web pages
The definition of HTML5 is also excerpted from w3school's Introduction to HTML5
HTML5 is the next generation of HTML , a new version of HTML.
Some rules of HTML5:
- New features should be based on HTML, CSS, DOM and JavaScript.
- Reduce the need for external plugins (like Flash)
- Better error handling
- More tags to replace scripts
- HTML5 should be device independent
- The development process should be transparent to the public
New Features
Some interesting new features in HTML5:
- canvas element for painting
- video and audio elements for media playback
- Better support for local offline storage
- New special content elements like article, footer, header, nav, section
- New form controls, such as calendar, date, time, email, url, search
Browser Support
The latest versions of Safari, Chrome, Firefox, and Opera support certain HTML5 features. Internet Explorer 9 will support certain HTML5 features.
What are the concepts of HTML elements, tags, and attributes?
Excerpted from Introduction to HTML
HTML tags
HTML tags tags are often referred to as HTML tags (HTML tags).
- HTML tags are keywords surrounded by angle brackets , such as
<html>- HTML tags usually come in pairs , such as
<b>and</b>- The first tag in the tag pair is the start tag and the second tag is the end tag
- Opening and closing tags are also known as opening and closing tags
Excerpt from HTML element
HTML elements
HTML elements refer to all the code from the start tag (start tag) to the end tag (end tag).
Excerpted from HTML attributes
Attributes provide additional information to HTML elements.
HTML attributes
HTML tags can have attributes . Attributes provide more information about HTML elements .
Attributes always appear as name/value pairs, such as: name="value" .
Attributes are always specified in the opening tag of an HTML element.
What is the concept of document type and what does it do?
Excerpted from Concepts:HTML <!DOCTYPE>
It provides a piece of information (a declaration) to the browser about what version the HTML was written in.
effect:
Declarations help browsers display web pages correctly.
There are also many different versions of HTML, and a browser can only display an HTML page fully and correctly unless it fully understands the exact version of HTML used in the page.
What are meta tags used for?
excerpted fromHTML <meta> 标签
Definition and usage
<meta>Elements provide meta-information about the page, such as descriptions and keywords for search engines and update frequency.
<meta>The tag is at the head of the document and does not contain any content.<meta>The attributes of the tag define the name/value pair associated with the document.
What is Web Semantics, and what problems is it to solve?
Web semantics refers to making HTML elements have clearer semantics, such as the new content elements article, footer, header, nav, and section of HTML5.
Gu Yiling's answer on "How to understand Web semantics?" mentioned
What is Semanticization? In fact, it simply means that the machine can understand the content.
Semantic entry from Wikipedia
Semantic is a special term in front-end development. Its advantage is that tag semantics helps to build a well-structured HTML structure, which is conducive to the establishment of indexing and crawling by search engines; in addition, it is also conducive to the full display of pages on different devices. It may be the same; in addition, it is also conducive to building a clear organization, which is conducive to the development and maintenance of the team.
From the above text, what problem is solved by semantics can be simply stated:
- Make the html structure more orderly and clear
- Good for search engine indexing and crawling
- Display for different devices
- Good for team development and maintenance
What is the concept of a link and what label does it correspond to?
Excerpt from HTML link
A hyperlink can be a word, a word, or a group of words, or an image that you can click to jump to a new document or a section in the current document.
When you move the mouse pointer over a link in a web page, the arrow turns into a small hand.
We create links in HTML by using<a>tags.
There are two ways to use<a>tags:
1. By using the href attribute - to create a link to another document
2. By using the name attribute - to create a bookmark within a document
What are the commonly used tags and what scenarios are they suitable for?
HTML Reference Manual - Tag List (Functional Sort)
What are the form tags, what functions do they correspond to, and what attributes do they have?
Excerpted from http://www.w3school.com.cn/tags/html_ref_byfunc.asp
form
Label describe <form>Defines an HTML form for user input. <input>Define input controls. <textarea>Defines a multi-line text input control. <button>Define buttons. <select>Define a selection list (drop-down list). <optgroup>Defines a combination of related options in a select list. <option>Define the options in the select list. <label>Defines the annotation for the input element. <fieldset>Defines the border around the elements in the form. <legend>Defines the title of the fieldset element. <isindex>Deprecated. Defines a searchable index related to documents. <datalist>Define a dropdown list. <keygen>Define the generated key. <output>Define some types of output.
For form attributes, please check http://www.w3school.com.cn/html/html_form_attributes.asp
Where are ol, ul, li, dl, dd, dt and other tags suitable for use, for example
Referenced from HTML list
Unordered lists start with
<ul>tags . Each list item starts with<li>.
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>Shows as follows
- Coffee
- Milk
An ordered list starts with a
<ol>label . Each list item starts with a<li>label .
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>The display is as follows:
- Coffee
- Milk
A custom list starts with a
<dl>tag . Each custom list item<dt>begins with . The definition of each custom list item<dd>begins with .
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>Displays as follows:
Coffee
Black hot drink
Milk
White cold drink