DOCTYPE, Rendering Engines, & Web Inspectors

Total Page:16

File Type:pdf, Size:1020Kb

DOCTYPE, Rendering Engines, & Web Inspectors VC 238 :: Week 02 1 of 4 05 October 2021 week::two DOCTYPE, Rendering Engines, & Web Inspectors A Quick History of Browsers Mosaic, Netscape Navigator, Internet Explorer, Firefox, Safari, Chrome, and more… Designing with Web Standards Structure o HTML, HTML5 Presentation o CSS, CSS3 Behavior o ECMAScript (JavaScript; jQuery) o DOM (Document Object Model) Introducing the DOCTYPE Defined o A method of instructing a Web browser which layout mode to use when displaying a page. Modes o Quirks Mode § In the Quirks mode, browsers violate contemporary Web format specifications in order to avoid “breaking” pages authored according to practices that were prevalent in the late 1990s. o Standards Mode (aka: No Quirks Mode) § In the Standards mode, browsers try to give conforming documents the specification-wise correct treatment to the extent implemented in a particular browser. HTML5 calls this mode the “no quirks mode.” o Almost Standards Mode § Firefox, Safari, Chrome, Opera (since 7.5) and IE8 also have a mode known as “Almost Standards mode,” that implements the vertical sizing of table cells traditionally and not rigorously according to the CSS2 specification. HTML5 calls this mode the “limited quirks mode.” Examples o XHTML 1.0 Transitional § <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> o XHTML 1.0 Strict § <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> o HTML5 § <!DOCTYPE html> Sources o http://diveintohtml5.info/semantics.html o http://hsivonen.iki.fi/doctype/ — Lecture Outline — VC 238 :: Week 02 2 of 4 05 October 2021 Rendering Engines One Web; Many Different Ways to Render It: Engine Browser Supported Platforms Gecko Firefox macOS, Windows, UNIX/Linux, Android Apple Safari macOS, Windows, iOS devices Chrome WebKit Forked WebKit and macOS, Windows, UNIX/Linux moving to Blink Any web browser on Apple requires all web browser activities on iOS iOS to use WebKit Blink Google Chrome macOS, Windows, UNIX/Linux, Android Chromium Open source Many browsers macOS, Windows version of Blink Trident Internet Explorer Windows (now discontinued, thankfully) EdgeHTML Moved to Microsoft Edge Windows 10; macOS Chromium early-2019 Presto Moved to WebKit 2/13 Opera macOS, Windows, UNIX/Linux Moved to Blink mid-2013 Vender Prefixes for CSS o Vender prefixes allow the web to move forward without breaking it. o For info on when to use prefixes: http://shouldiprefix.com o Common prefixes: -ms- Microsoft -moz- Mozilla Foundation (Gecko browsers) -o- Opera Software -webkit- Safari (and WebKit browsers) — Lecture Outline — VC 238 :: Week 02 3 of 4 05 October 2021 Browser Market Share (all platforms) Code Validation Validate your code to a specific DOCTYPE o http://validator.w3.org o Validates HTML, CSS, and other languages. o Great way to learn proper coding techniques. o However, don’t get hung up on validation—it’s nice but not critical. Web Inspectors Safari o To enable, in preferences select Advanced > Show Develop menu in menu bar — Lecture Outline — VC 238 :: Week 02 4 of 4 05 October 2021 Semantic Tags in HTML5 The section element represents a generic document or application section. A section, in this context, is a thematic grouping of content, typically with a heading. <section> Examples of sections would be chapters, the tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site's home page could be split into sections for an introduction, news items, contact information. The header element represents a group of introductory or navigational aids. A header element is intended to usually contain the section’s heading (an h1–h6 <header> element or an hgroup element), but this is not required. The header element can also be used to wrap a section’s table of contents, a search form, or any relevant logos. The hgroup element represents the heading of a section. The element is used to <hgroup> group a set of h1–h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines. The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the <footer> like. Footers don’t necessarily have to appear at the end of a section, though they usually do. When the footer element contains entire sections, they represent appendices, indexes, long colophons, verbose license agreements, and other such content. The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as <aside> sidebars in printed typography. The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page. The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links. Not all groups of links on a page need to be in a nav element — only sections that consist of major navigation <nav> blocks are appropriate for the nav element. In particular, it is common for footers to have a short list of links to common pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases, without a nav element. The article element represents a component of a page that consists of a self- contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable, e.g. in syndication. This <article> could be a forum post, a magazine or newspaper article, a Web log entry, a user- submitted comment, an interactive widget or gadget, or any other independent item of content. Represents the main content of the <body> of a document. The content of a <main> <main> element should be unique to the document. Note: Only one <main> element should be used in an HTML page. o Source: http://diveintohtml5.info/semantics.html — Lecture Outline — .
Recommended publications
  • Consonant Characters and Inherent Vowels
    Global Design: Characters, Language, and More Richard Ishida W3C Internationalization Activity Lead Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 1 Getting more information W3C Internationalization Activity http://www.w3.org/International/ Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 2 Outline Character encoding: What's that all about? Characters: What do I need to do? Characters: Using escapes Language: Two types of declaration Language: The new language tag values Text size Navigating to localized pages Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 3 Character encoding Character encoding: What's that all about? Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 4 Character encoding The Enigma Photo by David Blaikie Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 5 Character encoding Berber 4,000 BC Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 6 Character encoding Tifinagh http://www.dailymotion.com/video/x1rh6m_tifinagh_creation Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 7 Character encoding Character set Character set ⴰ ⴱ ⴲ ⴳ ⴴ ⴵ ⴶ ⴷ ⴸ ⴹ ⴺ ⴻ ⴼ ⴽ ⴾ ⴿ ⵀ ⵁ ⵂ ⵃ ⵄ ⵅ ⵆ ⵇ ⵈ ⵉ ⵊ ⵋ ⵌ ⵍ ⵎ ⵏ ⵐ ⵑ ⵒ ⵓ ⵔ ⵕ ⵖ ⵗ ⵘ ⵙ ⵚ ⵛ ⵜ ⵝ ⵞ ⵟ ⵠ ⵢ ⵣ ⵤ ⵥ ⵯ Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 8 Character encoding Coded character set 0 1 2 3 0 1 Coded character set 2 3 4 5 6 7 8 9 33 (hexadecimal) A B 52 (decimal) C D E F Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 9 Character encoding Code pages ASCII Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 10 Character encoding Code pages ISO 8859-1 (Latin 1) Western Europe ç (E7) Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 11 Character encoding Code pages ISO 8859-7 Greek η (E7) Copyright © 2005 W3C (MIT, ERCIM, Keio) slide 12 Character encoding Double-byte characters Standard Country No.
    [Show full text]
  • Picking a Rendering Mode
    1245xAPPA 7/17/02 9:26 AM Page 1 PICKING A RENDERING MODE Standing in the middle of yesterday Where it all went wrong—where we made mistakes I’m sorry for the things I forgot to say But it won’t be long until it will be okay —RAINE M AIDA SUPPOSE YOU’VE SPENT A FEW YEARS and several million dollars developing a product that rapidly scans Dewey Decimal numbers on book spines and sends those num- bers to a central database. This enables libraries to keep track of what they physically have on hand. You sell your product to hundreds of libraries all over the country and get a lot of rave reviews. Then one day a large number of libraries decide to abandon Dewey and go to an alternate system, one that allows for more expansion. Many of your customers will be making this switch, but they still want to use your device. They’re willing to pay for an upgrade, and you could provide one, but if you change the product to use this new system, it won’t read the Dewey numbers any- more. That would prevent your other, Dewey-based clients from buying the upgrade and would turn away some new customers. 1245xAPPA 7/17/02 9:26 AM Page 2 2 The simple answer is to build both systems into the device and put a switch on the side so that users can pick which scanning mode they want. This gives you a more flexible device that doesn’t turn away any customers.
    [Show full text]
  • Doctype Switching in Modern Browsers
    Thomas Vervik, July 2007 Doctype switching in modern browsers Summary: Some modern browsers have two rendering modes. Quirk mode renders an HTML document like older browsers used to do it, e.g. Netscape 4, Internet Explorer 4 and 5. Standard mode renders a page according to W3C recommendations. Depending on the document type declaration present in the HTML document, the browser will switch into either quirk mode, almost standard or standard mode. If there is no document type declaration present, the browser will switch into quirk mode. This paragraph summaries this article. I will explain how the main browsers on the marked today determine which rendering mode to use when rendering the (x)html documents they receive. I have tested nearly all my assertions in Internet Explorer 6, Firefix 2 and Opera 9.02. The validation is done at the official W3 validation page http://validator.w3.org. Some of my assertions are tested using pages on the net. This is done when testing the media types ‘text/html’ and ‘application/xhtml+xml’with html and xhtml with both legal and illegal syntax. My previous article was full of vague assertions and even things that were directly wrong. This should not be the case in this article where nearly all the assertions are tested. One section I should be humble about is the ‘Doctype dissection’. Finding good sources decribing these in more detail than pages and books just briefly describing their syntax proved hard, but I have done my best and have also described in the text which section I’m certain about and the one I am more uncertain about.
    [Show full text]
  • Demo: Html5 Structure
    Demo: html5 structure Simple Text/Web Editor • TextEdit –make plain text (osx) • Notepad++ (windows) • TextWrangler (osx) • Coda 2 (osx) • Sublime Text 2 (osx & windows) • Brackets (osx & windows) General Workflow (nomadic version) • Set up/verify web folder on local hard drive • Set up FTP (file transfer protocol) client • Download web files (html, css, jpg, gif, png) from server to local folder • Open/create web files from the local web folder (ONLY) • Edit web files • Test locally in browser (chrome) • Chrome inspect element • Validate code (w3c validator) • Upload web files from local drive to server • Test live in browser (multiple browsers) Coda 2 Setup • Launch Coda • Add new site o Nickname > general site keywords o Protocol > SFTP o Server > redwood.colorado.edu o User Name > youridentikey o Password > your redwood password o Root URL > http://redwood.colorado.edu/youridentikey ! Include subdirectory if applicable o Local URL > leave blank (advanced local server feature) o Remote Root > blank for root directory ! Subdirectory if applicable o Local Root > Set to local web folder • Double click on site thumbnail to launch • Select Files • Verify local and remote (server) connection • !!!Coda bug – Quit Coda and re-launch application • Double click on site thumbnail again • Test o Open local html page o Make minor change (carriage return) o Save o Badge should pop up on publish icon • Good to go. What is html? • acronym for hypertext markup language • hypertext means ability jump to another document (links) • markup is a language for describing web pages. • markup tags define the structure of content in web pages • “view source” in any browser to see the html markup of a webpage html tags • html markup is called “tags” • tags are special keywords surrounded by angle brackets o <html> <body><head><title> • html tags normally come in pairs o <p> ….
    [Show full text]
  • DOCTYPE Sniffing
    06_576429 ch02.qxd 11/18/04 12:28 PM Page 17 2 Document Standards This chapter explores the various options for a document foundation. CSS is a dynamic tool, in that you can use it in more than one type of document, including HTML, XHTML, and XML docu- ments. Each type of document may have several variations, flavors, or degrees of strictness. This chapter describes what’s involved in creating each type. Document standards are something very important to the aspiring CSS web designer. Inclusion of a Document Type Declaration (explained in a moment) and a well-formed document may mean the difference between a splitting, grueling headache and a mark-up document including CSS that works as expected in all the major browsers. Chapter 1 discussed the W3C body, the group assem- bled to decide on web standards. This chapter examines the various documents into which you can incorporate CSS, describing what each document looks like and giving you a few very basic examples of each document in action. The explanation of each topic in the following list is quite lengthy and can easily fill an entire book. This chapter covers only the basics, including ❑ Writing mark-up ❑ Obtaining the required web browsers ❑ Introduction to HTML, XML, and XHTML ❑ Introduction to the Document Type Declaration ❑ DOCTYPECOPYRIGHTED sniffing and how to invoke standards MATERIAL mode ❑ Creating web documents that survive and perpetuate into the foreseeable future Choosing Which Markup Language to Use HTML, XHTML, and XML are all based on SGML, which stands for Standard Generalized Markup Language. SGML is the parent of tag-based languages like HTML, XHTML, and XML, although it is not limited to these three examples.
    [Show full text]
  • A Web Jelölőnyelvei
    A Web jelölőnyelvei Jeszenszky Péter Debreceni Egyetem, Informatikai Kar [email protected] Utolsó módosítás: 2020. április 2. A Web jelölőnyelvei ● HTML ● SVG ● MathML 2 HTML ● „A HTML a Web elsődleges leíró nyelve.” ● „[...] egy szemantikai szintű leíró nyelv és a kapcsolódó szemantikai szintű alkalmazásprogramozási interfészek a Weben elérhető oldalak készítéséhez, melyek a statikus dokumentumoktól a dinamikus alkalmazásokig terjednek.” – Lásd: HTML Living Standard (utolsó módosítás: 2020. április 1.) https://html.spec.whatwg.org/ 3 HTML verziók használata (1) ● PowerMapper Software: HTML Version Statistics. https://try.powermapper.com/stats/htmlversions 4 HTML verziók használata (2) ● W3Techs: Usage statistics and market share of HTML for websites https://w3techs.com/technologies/details/ml-htm l 5 HTML 4.01 ● HTML 4.01 Specification (W3C ajánlás, 1999. december 24.; hatálytalanítva: 2018. március 27.) https://www.w3.org/TR/html401/ – Az utolsó SGML-alapú HTML verzió. ● Dokumentumtípus-deklarációk: – Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> – Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> – Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> ● Média típus: text/html 6 XHTML (1) ● Az XML alkalmazásként definiált HTML szigorúbb szabályokat ír elő a dokumentumok számára, így azok feldolgozása egyszerűbb. ● Különösen lényeges ez a hagyományos asztali gépekhez képest korlátozott lehetőségekkel bíró eszközökénél (például mobil eszközöknél). ● Az XHTML illetve annak modularizációja lehetővé teszi az XHTML kombinálását más XML alkalmazásokkal. – Például MathML és SVG beágyazás XHTML dokumentumokba – ezek a dokumentumok a továbbiakban azonban már nem XHTML dokumentumok.
    [Show full text]
  • INTRODUCTION to HTML 5 – PART 2 Description Usage
    INTRODUCTION TO HTML 5 – PART 2 In this page we have discussed Description, Usage, Attributes, Example, Result and Compatibility of HTML5 article element. Description The HTML Article element (<article>) represents independent (w.r.t a web document, page, site or application) content, for example a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget. The HTML Article Element contains either actual content or contains several different section elements or one or more article elements within it. If it contains article element within it, the content of the inner articles supposed to be related to the outer article's content. If it is necessary to provide author information of the article, that can be done using <address>. Using pubdate attribute of time element, date and time of publication of an article can be described. Usage <article> <h1>Tutorial of HTML5 article element</h1> <p>HTML5 article element represents independent item like a blog entry in an web document.</p> </article> Whether start and end tag are required Both start and end tag are required. What an article element can contain Text or embedded content. Which elements can contain article element Any element except the elements which can contain text or embedded content. Attributes article element does not have any other attributes than the global attributes (accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, hidden, id, lang, spellcheck, style. tabindex, title), common to all elements. Example view plainprint? 1. <!DOCTYPE HTML> 2. <html lang="en"> 3. <head> 4. <meta charset=utf-8> 5.
    [Show full text]
  • HTML5 Audio 1 HTML5 Audio
    HTML5 Audio 1 HTML5 Audio HTML • HTML and HTML5; HTML editor • Dynamic HTML • XHTML • XHTML Basic (Mobile) • XHTML Mobile Profile and C-HTML • HTML element • Span and div • HTML attribute • Character encodings; Unicode • Language code • Document Object Model • Browser Object Model • Style sheets and CSS • Font family and Web colors • HTML scripting and JavaScript • W3C, WHATWG, and validator • Quirks mode • HTML Frames • HTML5 Canvas, WebGL, and WebCL • HTML5 Audio and HTML5 video • Web storage • Web browser (layout) engine • Comparison of • document markup languages • web browsers • layout engine support for • HTML; Non-standard HTML • XHTML (1.1) • HTML5; HTML5 canvas, • HTML5 media (Audio, Video) • v • t [1] • e HTML5 Audio is a subject of the HTML5 specification, investigating audio input, playback, synthesis, as well as speech to text in the browser. HTML5 Audio 2 <audio> element The <audio> element represents a sound, or an audio stream.[2] It is commonly used to play back a single audio file within a web page, showing a GUI widget with play/pause/volume controls. Supported browsers • PC • Google Chrome • Internet Explorer 9 • Mozilla Firefox 3.5 • Opera 10.5 • Safari 3.1[3] • Mobile • Android Browser 2.3 • Blackberry Browser • Google Chrome for Android • Internet Explorer Mobile 9 • Mobile Safari 4 • Mozilla Firefox for Android • Opera Mobile 11 • Tizen Supported audio codecs This table documents the current support for audio codecs by the <audio> element. Browser Operating Formats supported by different web browsers system Ogg
    [Show full text]
  • Dynamic HTML
    From Wikipedia, the free encyclopedia (Redirected from DHTML) Dynamic HTML, or DHTML, is an umbrella term for a collection of HTML technologies used together to create interactive and animated web sites[1] by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model.[2] DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise "static" HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load. HTML and HTML5 Dynamic HTML By contrast, a dynamic web page is a broader concept — any web page XHTML generated differently for each user, load occurrence, or specific variable XHTML Mobile Profile and C-HTML values. This includes pages created by client-side scripting, and ones Canvas element created by server-side scripting (such as PHP, Perl, JSP or ASP.NET) Character encodings where the web server generates content before sending it to the client. Document Object Model Font family HTML editor HTML element HTML Frames HTML5 video 1 Uses HTML scripting 2 Structure of a web page Web browser engine 3 Example: Displaying an additional block of text Quirks mode 4 References Style sheets 5 External links Unicode and HTML W3C and WHATWG Web colors WebGL Web Storage Comparison of DHTML allows authors to add effects to their pages that are otherwise document markup languages difficult to achieve.
    [Show full text]
  • Copyrighted Material
    1 Structuring Documents for the Web WHAT YOU WILL LEARN IN THIS CHAPTER ➤➤ Creating several example web pages in HTML ➤➤ Seeing how a web page describes its structure to a web browser ➤➤ Discovering the meaning of some key terms used by web designers, such as elements, attributes, tags, and markup WROX. cOM CODE DOwNLOADS FOR THIS CHAPTER The wrox.com code downloads for this chapter are found at www.wrox.com/remtitle .cgi?isbn=9781118340189 on the Download Code tab. The code is in the Chapter 1 down- load and individually named according to the names throughout the chapter. In this chapter, you learn the key concept to create any web page: how to give it structure. You need to add structure to a document so that web browsers can present the page to people who visit your site in a way they can understand. For example, imagine a news article that contains a headline (or title) and several paragraphs of text; if you want to put this article on the web, you would need to addCOPYRIGHTED structure to the words in the document MATERIAL so that the browser knows which words are the headline, and where each paragraph starts and ends. To give a document structure, you need to learn how to create web pages using HTML. A WEB OF STRUcTURED DOcUMENTS Every day, you come across all kinds of printed documents—newspapers, train timetables, and insurance forms. You can think of the web as being a sea of documents that all link together and bear a strong similarity to the printed documents that you meet in everyday life.
    [Show full text]
  • Jump Start Html5 Basics by Tiffany B
    Summary of Contents Preface . xiii 1. What is HTML5? . 1 2. The Anatomy of HTML5 . 7 3. Structuring Documents . 17 4. HTML5 Forms . 33 5. HTML5 Multimedia: Audio and Video . 51 JUMP START HTML5 BASICS BY TIFFANY B. BROWN iv Jump Start HTML5 Basics by Tiffany B. Brown Copyright © 2013 SitePoint Pty. Ltd. Product Manager: Simon Mackie English Editor: Paul Fitzpatrick Technical Editor: Craig Buckler Cover Designer: Alex Walker Notice of Rights All rights reserved. No part of this book may be reproduced, stored in a retrieval system or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embodied in critical articles or reviews. Notice of Liability The author and publisher have made every effort to ensure the accuracy of the information herein. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors and SitePoint Pty. Ltd., nor its dealers or distributors will be held liable for any damages to be caused either directly or indirectly by the instructions contained in this book, or by the software or hardware products described herein. Trademark Notice Rather than indicating every occurrence of a trademarked name as such, this book uses the names only in an editorial fashion and to the benefit of the trademark owner with no intention of infringement of the trademark. Published by SitePoint Pty. Ltd. 48 Cambridge Street Collingwood VIC Australia 3066 Web: www.sitepoint.com Email: [email protected] ISBN 978-0-9922794-9-3 (print) ISBN 978-0-9922794-8-6 (ebook) Printed and bound in the United States of America v About Tiffany B.
    [Show full text]
  • DOCTYPE Html> to Our Html Document? It Is an Instruction to the Web Browser About What Version of HTML the Page Is Written In
    What is HTML 5? HTML 5 is a new standard for HTML whose main aim is to deliver application without need of any additional plugins like flash, Silverlight etc. It has many thing from animations to videos, rich GUI etc.. What is the difference between HTML and HTML5 ? HTML5 is just an upgraded version of HTML, HTML5 come with more innovative features such as Canvas, 2D/3D Graphics, Video, Audio , new elements, new attributes and many APIs which reduces the dependability on external plugin like Flash player or other library elements. What if we forget to mention <!DOCTYPE html> to our html Document? It is an instruction to the web browser about what version of HTML the page is written in. If we forget to declared doctype then many new features & tags in HTML5 such as <article>,<footer>, <header>may not be supported . Additionally, the browser may go automatically into Quirks or Strict Mode. Can a web page contain multiple <header> elements or multiple <footer> elements? Yes we can use multiple header and multiple footer elements in our web page. Infact both tags are designer to serve their purpose, If we need a header and footer in our <section> element we can, in the same way if we need it in other elements like <article>,<aside>,<main> we can place it What is a tag? In HTML, a tag tells the browser what to do. When you write an HTML page, you enter tags for many reasons to change the appearance of text, to show a graphic, or to make a link to another page.
    [Show full text]