1 section element
For content on the site or application page is divided into blocks. Element usually consists of a section and its title from the inside out. But it is not an ordinary container element, when a container needs to be defined directly style or behavior defined by script, rather than section is recommended to use div elements.
Example:
<section>
<H1> Apple </ h1>
<P> <b> Apple </ b>, plant fruits, flowers and many times </ p>
</section>
Generally not recommended for those who do not use the title of content elements section, you can use the HTML5 outline tool to check if there is no title page section.
2 article element
Representatives of the document, page, or application independent, complete, can alone as an external reference content.
In addition to the content sections, one article element usually has its own title (usually on a header element inside) and sometimes their footnotes.
Example:
<sectionTop>
<Article This article was>
<H3> emotion generation process </ H3>
<a class="a1"> <IMG the src = "C: \ Documents \ Desktop \ Hangzhou placement job \ picture \ 1527219280392304.jpg" width = " 200px "height =" PX "> </a>
<the p->
ancient Greece so far, the ancient thinkers have tried to explain the emotions generated in theory.
Contemporary Theory of Emotion and more emphasis on empirical research methods,
many independent theories are not mutually exclusive,
most researchers are willing to accept a variety of perspectives, integration of various theories.
The main contentious issue is to determine how important cognitive generate emotions, especially in comparison with other aspects and physical reactions.
</ p>
</ Article This article was>
<h4> constituents </ h3>
<the p->
mood is both subjective feelings, but also the objective physiological responses, purposeful, but also a social expression. Emotions are diverse, complex integrated event. Emotional constitution theory is that, at the time of the occurrence of mood, there are five basic elements must be coordinated in a short time, synchronously.
Cognitive Assessment: Noting the outside world event occurred (or characters), the system automatically assess cognitive emotional about it, thus triggering the subsequent emotional response (for example: see beloved pet dies, the owner of the cognitive system it is the assessment of their own important adverse events).
Physical reaction: physiological emotional constitution, auto body reaction, so that the body adapt to this emergency situation (for example: realize that death is irretrievably lost, reducing the owner of the pet's nervous system arousal, malaise, slow heart rate).
Experience: people experience the subjective feeling (for example: after the death of the pet, the owner of the body and produce a series of psychological reactions, subjective consciousness to perceive these changes, these reactions are collectively referred to as "sad").
Expression: The face and voice of change to show the person's mood, which is subject to convey emotions to the people around One thing the views and intentions of his actions (for example: to see the death of a pet, the owner frown, mouth down ,cry). The expression of both common components of human emotions, there are unique throughout the composition.
Tendency to action: emotions will generate motivation (for example: sad when I hope to find someone to talk to, when anger will do some usually do not do.
</ The p->
3 nav element
It can be used as a set of page navigation links. Just take the main, basic set of links can send you into the nav element.
Example:
<nav>
<ul>
<li><a href="javascript:;">首页</a></li>
<li><a href="https://baike.baidu.com/item/%E5%96%9C/4754?fr=aladdin">喜</a></li>
<li><a href="https://baike.baidu.com/item/%E6%80%92/19912590?fr=aladdin">怒</a></li>
<li><a href="https://baike.baidu.com/item/%E5%93%80%E5%A7%93/10313765?fr=aladdin&fromid=6107073&fromtitle=%E5%93%80">哀</a></li>
<li><a href="https://baike.baidu.com/item/%E4%B9%90/34288?fr=aladdin">乐</a></li>
<li><a href="https://baike.baidu.com/item/%E6%83%8A/5218156?fr=aladdin">惊</a></li>
<li><a href="https://baike.baidu.com/item/%E6%81%90/6500595?fr=aladdin">恐</a></li>
<li><a href="https://baike.baidu.com/item/%E7%88%B1/433?fr=aladdin">爱</a></li>
<li><a href="http://www.sohu.com/a/243573186_100233783">没有情绪</a></li>
<li class="search">
<form action="http://www.baidu.com/s" method="get">
<input type="text" name="wd" placeholder="" value="心情" >
<input type="submit" value="♡">
</form>
</li>
</ul>
</nav>
4 aside element
Used to represent ancillary information of the current surface or article, it can contain references related to the current page or the main content, sidebar section, advertising, navigation, and other similar distinct from the main content.
Example:
<aside>
<Section class = "the widget">
<h4> Recent Posts </ h4>
<ul>
<li> <a href="https://book.douban.com/review/10138454/"> <Mark> how can we not anxiety </ Mark> </a> </ li>
<li> <a href="javascript:;"> you will not hear anger management </a> </ li>
<li> <A href = "javascript:;"> disease really prefer pessimistic people do </a> </ li>
</ ul>
</ Section>
<Section>
</ Section>
<Section>
<h4> archives </ H4>
<UL>
<Li> <a href="javascript:;"> 2019/06/28 </a> </ Li>
<Li> <a href="javascript:;"> 2019/06/29 < / A> </ Li>
<li><a href="javascript:;">2019/06/30</a></li>
</ul>
</section>
</aside>