{"id":123,"date":"2022-04-30T20:49:30","date_gmt":"2022-04-30T20:49:30","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=123"},"modified":"2022-04-30T20:49:30","modified_gmt":"2022-04-30T20:49:30","slug":"html-section-tag","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/html-section-tag\/","title":{"rendered":"HTML Section Tag"},"content":{"rendered":"

Section Tag in HTML<\/strong><\/p>\n

As the name suggests, the section tag defines some standalone sections of the document. We should be using it when there is nothing more specific for representation since this is a generic section element. Have a look at the below example, where we are trying to use the section element –<\/p>\n

<!DOCTYPE html>
\n<html lang=”en”>
\n<head>
\n<meta charset=”UTF-8″>
\n<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
\n<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
\n<title>Some heading…<\/title>
\n<\/head>
\n<body>
\n<section>
\n<h2>Lorem ipsum dolor sit.<\/h2><\/strong>
\n<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur pariatur obcaecati unde, perspiciatis provident delectus labore nam vero distinctio architecto incidunt sapiente commodi illum fugiat consequuntur eaque repudiandae officiis corporis?
\nEum qui incidunt architecto reprehenderit ipsa quas est alias odit adipisci earum possimus, soluta, exercitationem voluptatibus quidem. Atque ex autem molestiae veritatis. Dolorum mollitia id odit modi quia sequi temporibus!
\nMaxime error commodi quis! Odio iusto harum aperiam alias ratione quo rem impedit perspiciatis ab nam, corporis delectus obcaecati aspernatur fugit molestiae neque similique deserunt sequi ut debitis? Itaque, delectus?<\/p>
\n<\/section>
\n<\/body>
\n<\/html><\/strong><\/p>\n

If we try to open the file in the browser, the output is something like this –<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Section Tag in HTML As the name suggests, the section tag defines some standalone sections of the document. We should be using it when there is nothing more specific for representation since this is a generic section element. Have a look at the below example, where we are trying to use the section element – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-123","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-html-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":2,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/123\/revisions"}],"predecessor-version":[{"id":998,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/123\/revisions\/998"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}