Front-end Those things-Chinese garbled, webpage Chinese garbled, web garbled, block elements, inline elements

1, Chinese garbled

The reason why Chinese garbled: Web page source code and content encoding format is different, for example, one is GBK, one is Utf-8

Workaround: Change to the same encoding ... (Note: The encoding format for creating pages with the IDE or other tools is consistent with the character set charset character set format in <meta/>)

=======================================================

2, block-level elements and inline elements (there are multiple names: inline elements, inline elements, in-line elements, straight-in elements)

Block & Inline Tables

Block will have a single row, and by default its width will fill the width of the parent element	Inline does not have a single line, and adjacent inline lines are placed in the same row until they are not wrapped.
The block element can set the width, Height property	inline element width, height property invalid, Width height varies with content
The block element can set the padding, margin property	inline element padding, margin property settings, horizontal direction can produce margin effect, vertical direction but not
Block element corresponds to Display:block	Inline elements correspond to Display:inline
Can accommodate inline elements and other block elements	Only text and other inline elements can be accommodated
......

block-level element list

<address>	Define Address
<caption>	Defining table Headings
<dd>	Defining entries in the definition list
<div>	Define a partition or section in a document
<dl>	Definition List
<dt>	Define items in a list
<fieldset>	Defining a Frameset
<form>	Create an HTML form
	Define the largest title
	Define Subtitle
	Defining headings
	Defining headings
	Defining headings
	Define the smallest title
	Create a horizontal line
<legend>	element defines a caption for the fieldset element
<li>	Label Definition list items
<noframes>	Display text for browsers that do not support frames, inside the frameset element
<noscript>	Define alternative content when the script is not executed
<ol>	Defining an ordered list
<ul>	Defining unordered Lists
<p>	Label definition Paragraph
<pre>	To define a pre-formatted text
<table>	Label Definition HTML Table
<tbody>	Label table body (body)
<td>	Standard cells in a table
<tfoot>	Define a footer for a table (footnote or table note)
<th>	Define table header Cells
<thead>	Table header for Label definition table
<tr>	Define rows in a table

in-line element list

<a>	Tags can define anchors
<abbr>	Represents an abbreviated form
<acronym>	Define to take initials only
<b>	Font Bold
<bdo>	can override the default text orientation
<big>	Large font Bold
<br>	Line break
<cite>	References are defined
<code>	Defining computer code Text
<dfn>	Define a definition Project
<em>	What is defined as an emphasis
<i>	Italic text Effect
	Embed an image into a Web page
<input>	Input box
<kbd>	Defining keyboard text
<label>	Label defines the callout (tag) for the INPUT element
<q>	Define a short reference
<samp>	Define sample text
<select>	Create a single or multi-select menu
<small>	Renders a small font effect
<span>	Inline elements in a composite document
<strong>	A stronger emphasis on the content of the tone
<sub>	Define subscript text
<sup>	Defining superscript text
<textarea>	Multiple lines of text input controls
<tt>	Typewriter or equal-width text effect
<var>	Defining variables

variable element list--variable element to determine whether the element is a block element or an inline element based on context contexts

<button>	Button
<del>	Define text that has been deleted in the document
<iframe>	Create an inline frame that contains another document (inline frame)
<ins>	Label defines the text that has been inserted into the document
<map>	Client image mapping (i.e. hot zone)
<object>	Object objects
<script>	Client Script

=======================================================