Read about benefits of using html5 semantic elements, The latest news, videos, and discussion topics about benefits of using html5 semantic elements from alibabacloud.com
Added semantic tag elements in HTML5 and added semantic tags in html5
H5 defines a set of new semantic tags to describe the content of elements. Although
This article brings you the content is about HTML5 new elements: the introduction of semantic elements, there is a certain reference value, the need for friends can refer to, I hope to help you.
A few years ago, the use of P-elements was generally used for web layout, bu
Explanation of semantic inline elements in HTML5 and html5 Semantics
Explanation of semantic inline elements in HTML5Time tagThe time element represents a time value, for example, p.m., EST, limit l 23,200 7. For example:Example S
Before HTML5, using a machine to read a webpage is very difficult, we use different styles of Div to mark different content, so in fact, the machine can not know which part of the page is the body, which part is the title, then in the HTML5, for this problem introduced the concept of semantics, A new label is also provided to specify the corresponding content typ
HTML5 semantic elements
Meaning = meaning.
Meaning of semantic element = element.
What is a semantic element?
A semantic element can clearly describe its meaning for browsers and developers.
The
?HTML5 The The content of the The InstanceFigure> Img Src="Img_pulpit.jpg" Alt= "the pulpit rock" Span class= "Hl-var" >width= "304 " height=228 "> figcaption> fig1.-The pulpit Pock, Norway. figcaption> figure > Try it?Can we start using these semantic elements?All of the above
Itional // ENhttp: // token | follow the latest internet news! China Telecom main site | webmaster forum | mailbox icon creation | webmaster S
HTML5 semantic elements
Meaning = meaning.
Meaning of semantic element = element.
What is a semantic element?
A
brings a seamless network, whether it's a PC, tablet, or smartphone, and it's easy to browse all kinds of websites based on HTML5. BR/>BR/>The advantage for users is that our mobile phone app will be less, the game implemented with H5, do not need to download after installation, you can immediately generate an app icon in the phone interface, using the browser to run the phone, the new navigation tag can a
always represents a chapter of independence, and the context is not related. Also, sections and article can be nested with each other. How to use it in your Web page, you need to experience it.3.navThe NAV tag is the label used to define the navigation link section, but note that this is not a defined link (a) tag, which means a tag can be used alone.One of the benefits of NAV is that responsive design can be implemented well. For example, in a mobil
After learning from the previous section, we have built a well-structured page that could not be displayed if browsing in an older version of IE browser. After all, these semantic elements do nothing to support them, just let the browser treat them as normal Add a style to a semantic elementWhen browsers encounter elements
Aside figure dialogI have been using the first two elements in my articles and books. The third element is not commonly used. It is mainly used in written text.AsideThe aside element represents the description, prompt, sidebar, reference, and additional comments, that is, content outside the main line. For example, in developerWorks articles, you will often see the sidebar written in the form of tables. For
; footer>2016-07-18footer>Article>aside>元素用来表示页面或文章的附属信息部分,可以包含当前页面与主要内容相关的引用、侧边栏、广告、导航条等信息。aside> h2>h2> ul> QQ邮箱:[emailprotected] CSDN名:YEN_CSDN GitHub名:YEN-GitHub ul>aside>nav>Represents a navigation link area in a pagenav> ul> li>a href="html5page.jsp">Homea> li> li>a href="html5page.jsp">Newsa> li> li>a href="html5page.jsp">Videoa> li> ul>nav>JavaScript Common EventsCommon objects: String objectsCommon objects: Data ObjectsCommon P
1.The 2.The 3.4.The 5.If you have a group of headings, banners, and subheadings that use labels such as You can use the following HTML5 outline Builder to test the large steel structure that generates the Web page:(1) http://gsnedders.html5.org/outliner/(2) http://hoyois.github.com/html5outliner/6.Because the 7.As with 8.The 9.In the past, people often used the ...... A small piece of text, purely to attract attention, does not convey any importance,
Comments: HTML4 uses five different inline elements to indicate slightly different computer codes: var, code, kbd, tt, and samp. However, it cannot represent basic values such as time and number. HTML5 provides several new inline elements to meet the needs of non-technical authors. The m element indicates that the text is "marked", but not necessarily emphasized.
Use the HTML5 JS selector to manipulate the elements in the page.
File name: queryselector.html, you can preview the effect in Chrome browser.
using the HTML5 JS selector action page elements Hobbies: Basketball
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.