{"id":2528,"date":"2011-09-01T02:46:20","date_gmt":"2011-09-01T06:46:20","guid":{"rendered":"http:\/\/www.ericfeminella.com\/blog\/?p=2528"},"modified":"2016-03-31T11:30:53","modified_gmt":"2016-03-31T15:30:53","slug":"html5-elements-the-base-tag","status":"publish","type":"post","link":"https:\/\/www.ericfeminella.com\/blog\/2011\/09\/01\/html5-elements-the-base-tag\/","title":{"rendered":"HTML5 Elements: The <base> Tag"},"content":{"rendered":"

The HTML5 Specification<\/a> introduces many new semantic elements, as well as specifications for existing elements; one of which is the <base><\/a><\/code> Tag, which allows for specifying a root URL from which all linkable elements in a document (hyperlinks, images etc.) are based, as well as a default target<\/code> for all linkable elements. <\/p>\n

Overview<\/h3>\n\nThe <base><\/code> Tag provides two attributes; href<\/a><\/code> (Hyper-text Reference) and target<\/a><\/code>, respectively, which have the same semantic meaning as that of a hyperlink<\/a><\/code>.\n<\/li>\n
Only a single <base><\/code> Tag is to be defined per page and, must be defined before any elements which except a URL<\/a><\/code> are defined (other than the html<\/a><\/code> element).\n<\/li>\n<\/ul>\nNote: While the <base><\/code> Tag is not new to HTML5, the changes to the a<\/a><\/code> Tag implies a difference (albeit, marginal) as, a<\/a><\/code> Tags are always hyperlinks, or placeholders for hyperlinks.<\/i><\/p>\n
Example<\/h3>\nLike all HTML markup, usage of the <base><\/code> Tag is easy and straightforward: Simply add a single <base><\/code> Tag in the <head><\/code> element of the document and define either a base URL and \/ or default target attribute. <\/p>\nDefining a default base URL and target:<\/h4>\n\r\n\r\n\r\n    \r\n        \r\n    <\/head>\r\n    \r\n        \r\n            Home<\/a>\r\n            About Us<\/a>\r\n            Contact Us<\/a>\r\n        <\/nav>\r\n    <\/body>\r\n<\/html>\r\n<\/pre>\n\nThe above links will all default to a blank target<\/code> (new page), with each link’s base URL defaulting to “http:\/\/somedomain\/app”. Individual links can override the base URL as well as the default target<\/code>.\n<\/p>\nSupport<\/h3>\nThe <base><\/code> Tag is currently supported by all major browsers.<\/p>\n","protected":false},"excerpt":{"rendered":"The HTML5 Specification introduces many new semantic elements, as well as specifications for existing elements; one of which is the <base> Tag, which allows for specifying a root URL from which all linkable elements in a document (hyperlinks, images etc.) are based, as well as a default target for all linkable elements. Overview The <base> Tag provides two attributes; href… Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[59],"tags":[65,127,125,126,64,131,82],"class_list":["post-2528","post","type-post","status-publish","format-standard","hentry","category-html5","tag-html5-2","tag-html5-attributes-2","tag-html5-elements-2","tag-html5-semantics-2","tag-mobile-web","tag-touchscreen","tag-web"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/posts\/2528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/comments?post=2528"}],"version-history":[{"count":0,"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/posts\/2528\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/media?parent=2528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/categories?post=2528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ericfeminella.com\/blog\/wp-json\/wp\/v2\/tags?post=2528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}