MyBlogHelp– A Blog for Digital Marketing, Affiliate Marketing, Organic Lead Generation.
  • Home
  • About
  • Contact
  • Privacy
  • Sitemap
  • BLOG
  • AFFILIATE MARKETING
    • LeadsArk
  • MORE
    • MAKE MONEY
      • ONLINE BUSINESS
      • ADSENSE
      • AFFILIATE MARKETING
    • BLOGGING
      • SEO
      • BlogSpot
      • WORPRESS
      • GOOGLE
      • COMPUTER TIPS
    • WEB DESIGN
      • HTML
      • CSS
      • BOOTSTRAP
      • JAVASCRIPT
      • JQUERY
    • WEB DESIGN
      • HTML
      • CSS
      • BOOTSTRAP
      • JAVASCRIPT
      • JQUERY
    • WEB DEVELOPMENT
      • PHP
      • WORDPRESS
  • DOWNLOADS
    • Blogger Template
    • Wordpress Theme
    • PDF

Wednesday, December 26, 2018

How to use section tag in html5?

 MyBlogHelp     December 26, 2018     html     No comments   

section-tag-in-html5
HTML5-SECTION-TAG


<section> Tag in HTML5

Introduction of <section> tag 
Syntax of <section> tag 
Attributes of <section> tag 

Introduction of HTML5 <section> Tag


HTML5 <section> tag represents the generic sections of a web application. The section has been used here in the context of a group of such content that is related to the single topic.

For example, a website's homepage can be divided into several sections. As one section can represent complete information about the company, the second section can represent the contact information, the third section can represent the services provided by the company and the fourth section can represent copyright.

All the sections are independent of each other and represent different information. Through the <section> tag, search engines can easily understand your page. Each <section> element is uniquely identified by the heading or child <section> element.

Difference between <section> & <div>


<section> element is not a container element. If you just need a container element in which you can put other elements and design it, then you should use the <div> element.

<div> element does not have any special meaning. <Div> element is skipped by search engines because <div> element is used only to contain other elements.

Every <section> is like a separate page which is identified by search engines. This gives search engines a better sense of a page.

Syntax of <section> Tag HTML5


The general syntax of <section> tag is given below.

                           <section>
                       // Heading ...
                      // Child section element
                            </section>

Every <section> element has a heading which represents what is information in the section. You can also create another child <section> element in a <section> element.

Attributes of HTML5 <section> Tag


<section> tag supports all global attributes such as id, class etc. Also, this element supports HTML event attributes as well.

How to use section tag in html5?


A full example of the lower <section> element is given below.



In the above example, 5 sections main header, about us, contact us, services, copyright have been created. By doing this, the search engine robot can understand that the page has been divided into 5 parts which are representing different information. This example produces the output below.


html5-section-tag-example



Previous:- How to use meter tag in html5?

Next:-






  • Share This:  
  •  Facebook
  •  Twitter
  •  Stumble
  •  Digg
Newer Post Older Post Home

0 Comments:

Post a Comment

Thank you for reading this post. Please do not enter any spam link in the comment box.

Followers

Blog Archive

  • ►  2020 (4)
    • ►  October (1)
    • ►  September (1)
    • ►  August (2)
  • ►  2019 (52)
    • ►  December (1)
    • ►  November (2)
    • ►  October (1)
    • ►  August (1)
    • ►  July (1)
    • ►  May (11)
    • ►  April (10)
    • ►  March (6)
    • ►  February (3)
    • ►  January (16)
  • ▼  2018 (54)
    • ▼  December (27)
      • How to use html5 nav tag?
      • How to install Google Fonts on your Blogger Blog?
      • How to use section tag in html5?
      • How to use meter tag in html5?
      • How to use time tag in html5?
      • How to use header tag in HTML5?
      • How to use figure tag in html5?
      • How to use aside tag in html5?
      • How to use details Tag in HTML5?
      • How to use wbr tag in html5?
      • How to use article tag in HTML 5 ?
      • How to use menu tag in html?
      • How to use base tag in HTML?
      • How to use HTML hr and br Tag?
      • How to use HTML address tag?
      • How to use HTML Meta Tags?
      • How to use HTML script & noscript Tag?
      • How to use DOCTYPE declaration in HTML?
      • How to use Form Tag in HTML?
      • How to use Block and Inline Tags in HTML?
      • How to use Lists in HTML?
      • How to use Image Tag in HTML?
      • How to use Table Tag in HTML?
      • How to use anchor Tag in HTML?
      • How to Format & Style in HTML?
      • How to use Heading in HTML?
      • What is Attribute in HTML?
    • ►  November (5)
    • ►  May (5)
    • ►  April (4)
    • ►  February (3)
    • ►  January (10)
  • ►  2017 (17)
    • ►  December (9)
    • ►  November (8)

Popular Posts

  • How to use the main tag in html5?
  • How to use keygen tag in html5?
  • How to use html5 mark tag to highlight text?
  • How to start Online Business without money from home?
  • What is a search engine?

Contact Us

Name

Email *

Message *

About MyBlogHelp

Most of the posts, we share on this blog related to Affiliate Marketing, Organic Lead Generation, Digital Marketing, Social Media Marketing, Make Money Online, SEO, and web design.

Featured Post

LeadArk - Affiliate Marketing | Qualified Organic Lead Generation | LeadsArk Review

Copyright © MyBlogHelp– A Blog for Digital Marketing, Affiliate Marketing, Organic Lead Generation.
Design by Md. Abdussamad | MyBlogHelp.com