HTML5 Tutorials 103 – Web Development

Hello!! Friends hope you are doing great at home and also feeling bored. So, you are in the right place. Previously we completed two-part of our HTML Tutorial, which was Basic of HTML. Now we are going to start the Advanced part.

If you missed the previous articles, then please check once HTML Tutorial 102.

So, let’s go:

The topics will covers in this tutorial:-

HTML DOCTYPE
Head
Meta
Scripts
Entities
URL
content

What is DOCTYPE?
The doctype or document type information is an instruction that tells the web browser about the markup or written language in which the current page is written. A Doctype is not an element or tag; it gives the browser information about the version of or standard of HTML or any other markup language used in the document.

The DOCTYPE for HTML5 is very short, concise, and case-insensitive.

<!DOCTYPE html>

HTML Head Tag

The HTML’s head Elements

The HTML’s tag or element is a container for metadata (data about data) and is placed between the tag and the tag, or reference to other resources that are required for the document to display or behave correctly in a web browser

There are some HTML elements that can be used inside the element are: , <base>, <link>, <style>, <meta>, <script> and the <noscript> element.</p>

HTML Meta

The tag is defined as the metadata about an HTML document. The Metadata is data (information) of data.

The tags are generally used to provide structured metadata such as a document’s keywords, description, author name, character encoding, etc. Any number of meta tags can be placed inside the head section of an HTML or XHTML document.

Example:

<head> <title>Defining Document's Author</title>  <meta name="author" content="Alexander"> </head>

Note: The name the attribute of the meta tag defines the name of a piece of document-level metadata, while the attribute gives the corresponding value. The Content attribute value will contain text and entities, but it will not contain HTML tags.

HTML Script

html5 tutorials

The tag uses to define a client-side script (JavaScript).</p>

The element either contains the scripting statements or points to an external script file through an src attribute.</p>

It is commonly used for JavaScript are image manipulation, form validation, and dynamic changes of content.

<script> Script Contents </script>

Adding JavaScript to the HTML Pages:

JavaScript can either be added directly inside the HTML page or placed in an external script file and referenced inside the HTML page. Both mention methods use the element.</p>

HTML Entities

What is the HTML Entity?

Some characters are taken in HTML, e.g., you can’t use the less than (<) or greater than (>) signs or angle brackets within your text because the browser could mistake them for markup, while some characters are not present on the keyboard like copyright symbol ©.

To display these types of unique characters, they must be changed with the character entities. Character entity references, or entities for short, enable us to use the names that can’t be expressed in the document’s character encoding or can’t be entered by a keyboard.


Frequently Used HTML Character Entities:

Result  DescriptionEntity NameNumerical reference
 non-breaking space                       &nbsp;&#160;
<                            less than             &lt;&#60;
greater than                      &gt;&#62;
&ampersand                        &amp;&#38;
”             quotation mark                &quot;&#34;
‘              apostrophe&apos;&#39;
¢cent      &cent;&#162;
£pound  &pound;&#163;
¥yen&yen;&#165;
euro     &euro;&#8364;
©copyright&copy;&#169;
®registered trademark&reg;&#174;
trademark          &trade;&#8482;

HTML URL

A full form of the URL is Uniform Resource Locator, and it is the global address of documents and other resources on the World Wide Web. The URL’s primary purpose is to identify the location of a copy and other resources available on the Internet and specify the mechanism for accessing it through a web browser.

The URL of Syntax

The syntax of URLs is :

scheme://host:port/path?querystring#fragmentid

html5 tutorials

A URL has a linear format or structure, and it usually consists of some of the following:

  • the scheme – is the type of Internet service (most common is HTTP or https)
  • prefix – is a domain prefix (default for HTTP is www)
  • domain – is the Internet domain name
  • port – is the port number at the host (default for HTTP is 80)
  • path – is a path at the server (If omitted: the root directory of the site)
  • filename – is the name of a document or resource

Common URL Schemes

The table below lists some common schemes:

SchemeShort forUsed for
httpHyperText Transfer ProtocolCommon web pages. it is not encrypted
httpsSecure HyperText Transfer ProtocolSecure web pages. It is Encrypted
ftpFile Transfer ProtocolDownloading or uploading files
file A file on your computer

URL Encoding

html5 tutorials

URL encoding is a practice of translating unprintable characters or characters with special meaning within URLs to a distinct and universally accepted representation by web browsers and servers. These characters include −ASCII control characters, Non-ASCII control characters, Reserved characters, and Unsafe characters.

  • URL contains the characters outside of the ASCII set, and the URL has to be converted.
  • The URL encoding converts non-ASCII characters into a format that can be transferred over the Internet.
  • URL encoding replaces non-ASCII symbols with a “%” go along with hexadecimal digits.
  • URLs cannot contain the spaces. URL encoding generally replaces a space with a plus (+) sign, or %20.

The Reserved Characters of HTML

html5 tutorials

In HTML, certain characters are reserved or restricted from use in a URL because they may (or may not) be defined as separators by the generic syntax in a specific URL Scheme.

For example- forward slash/characters are used to separate different parts of a URL.

If data for a URL component contains a character that would vary with a reserved set of characters, which can be defined as a delimiter in the URL scheme, then the conflicting character must be percent-encoded before the URL is formed.

The Unreserved Characters of HTML

In HTML, There are certain that are allowed in a URL but do not have a reserved purpose are called unreserved. The unreserved characters include uppercase and lowercase letters, decimal digits, a hyphen, period, underscore, and tilde. The following table lists all the unreserved characters in a URL:

ABCDEFGHIJKLMNOPQRSTUVWX
abcdefghijklmnopqrstuvwx
YZ0123456789_.~
yz 

html5 tutorials, html5 tutorials, html5 tutorials, html5 tutorials

4 thoughts on “HTML5 Tutorials 103 – Web Development

  1. Good day! Do you know if they make any plugins to assist
    with SEO? I’m trying to get my blog to rank for some
    targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *