One. Semantic Overview
1 What is semantic
Different elements of HTML to represent meaning
Use elements that have meaning to write HTML documents, namely semantics
The most important document written in HTML, that is, different content to choose the right elements
HTML semantic category belongs, regardless of the style
Currently, the latest version of HTML is HTML5, the introduction of more semantic elements
2. semantic role
Conducive to understand HTML document browser
Important, the browser in the reading mode should not ignore the content
If the browser has a voice reading function, you should re-read the contents of the elements
Conducive to understand HTML document browser
If the browser has a voice reading function, you should use a special tone to read the content of the element
Conducive to understand HTML document browser
Conducive to search engines to understand HTML document
3.HTML5 element table
three. Hyperlink
Absolute and relative paths
Absolute path
When the site is deployed to the server, all resources website can be accessed by an address (path)
The address (path) writing format is:
Absolute path
Protocol: http
Domain Name: www.google.com
Directory: root directory
Absolute path usage scenarios:
When accessing resources outside the station, only use absolute paths
When accessing resources within the station, if the site has been deployed to the server, you can use an absolute path,
And can be omitted protocol and domain name
Absolute path - Example
I assume that the site has been deployed to the server, the protocol is http, domain name html.com
relative path
The relative path is relative to the current location of the resource, only the resources for the access station
The format of a relative path is: ./ path
./ represents the directory where the current resource, must begin with a relative path may be omitted
./ means a return to the parent directory
Relative path - Example
Comprehensive example
four. Text elements
H1 ~ h61 level heading stage title p paragraphs 1-6
Block quote cite references cited references to the whole of the
Q small text references abbr references to acronyms
Strong important text emphasized text em
B highlighted text should be treated differently in the text I
Fives. Structural elements
Div element
It is a very common element
It has no semantic
It merely indicates a container for containing other elements
When the site layout, it is usually used to represent the area of the page
Semantic structural element
six. No semantic elements
<Div> no semantics, represents an area of the page
<Span> no semantics, only to add a small short text style
<br> no semantics, empty elements for the page wrap (rare)
<Hr> no semantic empty elements, for producing a parting line (rarely) in the page
<Pre> no semantics, element preformatted
Seven. Character entity
The format of a character entity for & entity name; or & entity number;
| Show results |
description |
Entity name |
Entity Number |
|
|
Blank |
 ； |
 ； |
| < |
Less than sign |
<； |
<； |
| > |
Greater than sign |
>； |
>； |
| & |
And symbols |
&； |
&； |
| © |
Copyright symbol |
©； |
©； |
Eight. Other elements
<Del> definitions document has been deleted text
<Ins> definitions have been inserted into the text document
<Img> reference picture
<S> strikethrough text definition, is an abbreviated version of <strike> tag, use <del> replace him
<Ol> Defines an ordered list
Related attributes:
Reversed: specified list in descending order (9,8,7, ......)
start: number ordered list of specified starting value.
type: the use of a predetermined type of mark in the list (1, A, a, I, i)
<Ul> Defines an unordered list
Related attributes:
list-style: none; the elimination of origin
<Li> definition list item
<Dl> defines the definition list
<Dt> define the items in the list
<Dd> list item description