{"id":19121,"date":"2020-08-25T22:53:17","date_gmt":"2020-08-26T05:53:17","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=19121"},"modified":"2023-12-01T03:58:51","modified_gmt":"2023-12-01T11:58:51","slug":"markup-language","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/markup-language\/","title":{"rendered":"What is a Markup Language?"},"content":{"rendered":"\n

When we talk about markup languages<\/em> in programming, we don\u2019t mean that someone is trying to raise the price of something. A markup<\/em> is not a price increase. It\u2019s a way of representing data using a particular type of scripting language<\/a>.<\/p>\n\n\n\n

In this guide, we\u2019re going to discuss what markup languages are, how they work, and when you may use markup languages. We\u2019ll also analyze three different markup languages and their use cases, so that you can gain a firm understanding of how markup works.<\/p>\n\n\n\n

What is a Markup Language?<\/h2>\n\n\n\n

Markup languages are languages used by a computer to annotate a document. These languages are readable by humans, which means that they are usually written using standard words, instead of technical programming language terminology.<\/p>\n\n\n\n

Markup languages define the style and structure of a document so that a computer knows how you want that document to appear.<\/p>\n\n\n\n

One way to think about it is that markup is like how teachers \u201cmark\u201d or \u201cmark up\u201d their students\u2019 tests. A teacher will write on the test where the student has made a mistake so that they\u2019ll know how to fix it next time. In fact, the term markup languages<\/em> came from typesetting, where instructions on how to set up a document were \u201cmarked up\u201d alongside the document.<\/p>\n\n\n\n

Markup does not have to be its own language. In the last two examples, markup is still being used, but not a markup language. What distinguishes markup and markup languages is that markup languages have a set of rules on how to use that language. And they are usually interpreted by computers. Markup, on the other hand, has no defined structure.<\/p>\n\n\n\n

The ML in Web Development<\/h2>\n\n\n\n

You\u2019ve probably heard ML<\/em> at some point if you\u2019ve ever developed a website. HTML and XML, for example, both end in ML<\/em>. Have you ever asked yourself what these mean? Well, ML stands for markup language.<\/p>\n\n\n\n

Markup languages are used extensively across web development<\/a>. They are used to describe how a particular set of data should be represented on a web document.<\/p>\n\n\n\n

HTML (HyperText Markup Language) describes the structure of a web page. XML, on the other hand, describes a particular type of data.<\/p>\n\n\n\n

How Markup Languages Work<\/h2>\n\n\n\n

All markup languages have a common feature: they use tags to denote different types of content on the web page. These markup symbols are usually written in angle brackets (<><\/code>).<\/p>\n\n\n\n

Markup languages need a way to distinguish the text they are trying to represent from the instructions that the computer needs to read. Any text that appears within markup tags is interpreted by the machine as an instruction.<\/p>\n\n\n\n

Consider this example:<\/p>\n\n\n\n

<a href="https:\/\/careerkarma.com">Career Karma<\/a><\/pre><\/div>\n\n\n\n
This is a link to the Career Karma homepage. We have used an <a><\/em> tag to define this link, and when our link is over we close it with an <\/a><\/em> tag.<\/p>\n\n\n\n
These tags tell our computer that we want to render a link, or an anchor<\/em> (which is where the \u201ca\u201d comes from). These tags will not appear on our web page. They are instructions for our web browser to read, so they know how to show a particular web page.<\/p>\n\n\n\n
Markup files are saved as plain text documents. This means you can open them using a standard text editor<\/a>.<\/p>\n\n\n\n
Markup Languages vs. Programming Languages<\/h2>\n\n\n\n
It\u2019s true: markup languages sounds like they should be programming languages<\/a>. We\u2019re talking about languages after all! Just because these two terms sound the same, it does not mean that they are the same thing.<\/p>\n\n\n\n
A programming language is a set of instructions given to a computer that produces various different types of output. Ruby, Python and Perl<\/a> are all programming languages. Markup languages, on the other hand, are used to describe a document.<\/p>\n\n\n\n
Whereas you can run a Python or Ruby<\/a> program, you can\u2019t \u201crun\u201d a marked up document. HTML documents, for example, are not executed; they are rendered by the browser. XML documents are not run either; they are read by a special type of data reader.<\/p>\n\n\n\n
What Markup Languages Are There?<\/h2>\n\n\n\n
You\u2019ll encounter quite a few markup languages if you go digging. There\u2019s so much data out there that we need multiple languages to cover all the potential use cases. With that said, the most common ones are HTML, XML, and XHTML.<\/p>\n\n\n\n
HyperText Markup Language<\/h3>\n\n\n\n
HyperText Markup Language, or HTML<\/a>, is the main language used in web development. Without it, we wouldn\u2019t have websites. It defines the structure of a web page, such as what titles, images, and text should appear on a page. It also defines in what order those features should appear in the browser. Conversely, CSS (Cascading Style Sheets) are used to define the layout and appearance of pages in the browser.<\/p>\n\n\n\n
HTML is one of the standard markup languages. In HTML, tags are used to define every element on a web page, from titles to images to forms.<\/p>\n\n\n\n
The HTML language is governed by the international organization World Wide Web Consortium, or the W3C. HTML is so essential to how the web works that a set of international standards are necessary to write and process it consistently.<\/p>\n\n\n\n
The newest version of HTML is HTML5, which includes a number of improvements from its predecessor. With that said, most changes to HTML are incremental because of how important the language is to the web.<\/p>\n\n\n\n
eXtensible Markup Language<\/h3>\n\n\n\n
XML, or eXtensible Markup Language<\/a>, was designed to transport and store data. The language is self-descriptive.<\/p>\n\n\n\n
This is because there are no limits to what you can name your XML tags. There are no predefined tags, so you can choose names that precisely describe each point of data within an XML document.<\/p>\n\n\n\n
Let\u2019s say you are creating a markup document to keep track of your favorite books. In XML, you could use the following structure:<\/p>\n\n\n\n
<book>\n\t<title>How to Win Friends and Influence People<\/title>\n\t<author>Dale Carnegie<\/author>\n\t<rating>\u2158<\/rating>\n<\/book><\/pre><\/div>\n\n\n\n
In this example, we\u2019ve created four tags: book<\/code>, title<\/code>, author<\/code>, and rating<\/code>. The title<\/code>, author<\/code>, and rating<\/code> tags appear within our book tag. The book tag represents one entry in our XML file.<\/p>\n\n\n\n
eXtensible HyperText Markup Language<\/h3>\n\n\n\n
XHTML is a version of HTML4 which meets the XML standard. It\u2019s largely been replaced by HTML5 thanks to demands for a more diverse feature set. But it is still in use today in some corners of the internet. Most sites that use XHTML are those developed years ago that haven\u2019t been updated in a while.<\/p>\n\n\n\n
XHTML and HTML are very similar, but there are a few differences that you may notice. For instance, HTML attributes must have both a name and a value; you can\u2019t use standalone attributes. In addition, all XHTML tags are written in lowercase. In HTML, you can write using uppercase or lowercase, even though best practices suggest you should use lowercase.<\/p>\n\n\n\n