Article 17

create website online


Pildiotsingu html tulemus

An important principle of the web standards movement that is responsible for the industry we have today is the idea of using HTML elements for what they are rather than how they may appear in the browser by default. This is known as using Semantic HTML.



What Is Semantic HTML

Semantic HTML or semantic markup is HTML that introduces meaning to the web page rather than just presentation. For example, a <p> tag indicates that the enclosed text is a paragraph. This is both semantic and presentational because people know what paragraphs are and browsers know how to display them.


On the flip side of this equation, tags like <b> and <i> are not semantic, because they define only how the text should look (bold or italic) and do not provide any additional meaning to the markup.


Examples of semantic HTML tags include the header tags <h1> through <h6>, <blockquote>, <code> and <em>. There are many more semantic HTML tags that can be used as you build a standards-compliant website.


Pildiotsingu html tulemus

Why You Should Care About Semantics

The benefit of writing semantic HTML stems from what should be the driving goal of any web page — the desire to communicate. By adding semantic tags to your document, you provide additional information about that document, which aids in communication. Specifically, semantic tags make it clear to the browser what the meaning of a page and its content is. That clarity is also communicated with search engines, ensuring that the right pages are delivered for the right queries.


Semantic HTML tags provide information about the contents of those tags that goes beyond just how they look on a page. Text that is enclosed in the <code> tag is immediately recognized by the browser as some type of coding language. Instead of trying to render that code, the browser understands that you are using that text as an example of the code for the purposes of an article or online tutorial of some kind.



Using semantic tags gives you many more hooks for styling your content. Perhaps today you prefer to have your code samples display in the default browser style, but tomorrow, you want to call them out with a gray background color, and later you want to define the precise mono-spaced font family or font stack to use for your samples. You can easily do all of these things by using semantic markup and smartly applied CSS.


Use Semantic Tags Correctly

When you want to use semantic tags to convey meaning rather than for presentation purposes, you need to be careful that you don't use them incorrectly simply for their common display properties. Some of the most commonly misused semantic tags include:


  • blockquote - Some people use the <blockquote> tag for indenting text that is not a quotation. This is because blockquotes are indented by default. If you simply want to benefits of indentation, but the text is not a blockquote, use CSS margins instead.
  • p - Some web editors use <p>&nbsp;</p> (a non-breaking space contained in a paragraph) to add extra space between page elements, rather than defining actual paragraphs for the text of that page. As with the previously mentioned indenting example, you should use the margin or padding style property to add space.
  • ul - Like blockquote, enclosing text inside a <ul> tag indents that text in most browsers. This is both semantically incorrect and invalid HTML, as only <li> tags are valid within a <ul> tag. Again, use the margin or padding style to indent text.
  • h1–h6 - The heading tags can be used to make fonts bigger and bolder, but if the text is not a heading, it should not be inside a heading tag. Use the font-weight and font-size CSS properties instead if you want to change the size or weight of specific text on your page.



By using HTML tags that have meaning, you create pages that impart more information than by just surrounding everything with <div> tags. 


Which HTML Tags Are Semantic?

While nearly every HTML4 tag and all the HTML5 tags have a semantic meaning, some tags are primarily semantic in nature.


For example, HTML5 has redefined the meaning of the <b> and <i> tags to be semantic. The <b> tag doesn't convey extra importance, but rather text that is typically rendered in bold. The <i> tag also doesn't convey extra importance or emphasis, but rather defines text that is typically rendered in italics.



Publisehed in: Resources-and-Guides 06-2020

Similar in Resources-and-Guides

website for dummies
how to design and build a website
Create your own website easy
creating a website for dummies
how to set up web
how to design my own website
how to set up own website
How to make a dream website
how to setup a free website for your business
Create a simple website
how to setup web hosting
How do I set up a website?
what do you need to set up a website
how to set up my own business website
need to build a website
create your web
create site free
steps to create your own website
Professional hosting reviews
make your own website easy
how to build a business website
web page builder
how to create my own website
Setting up a new website
make your own website
how to set up a website for my business
Top e-commerce shops
how can i start a website
Best online shops in UK
new website builder
how to build a website for free
Best online shops in US
wordpress website builder
how to build a website step by step
Build your own webpage
Best website builders for online marketing
Setting up a new website
how do i get a web page
how to create online website
web creator online
starting a website
how can i make my website
How can you make a website
best way to start your own website
Starting your own web page
how to make website page
setting up a web address
start your own website
ways to make a website
how to build a simple website
Make your own website
how to learn web designing step by step
Best online hosting providers
web page maker free
Creating a website?
how to make a good website
Hosting gurus in 2020
How to open website in 2020
Get your own website
Hosting gurus in 2020
Best online shops in germany
How to create a business website?
how to set up my own business website
how can i make a site
how do you make a website
where to build a website
how to setup a free website for your business
how to develop my website
how to make online website
website design for beginners
quick website setup
design your own webpage
step by step website building
make new website
how to make create website
Top e-commerce shops
to make your own website
how to configure a website
can i make my own website
how can you make a website
create site
build up website
how to set your own website
design your own website free
Top ecommerce sites
how do i setup a web page for free
easiest way to build a website
how to set up a simple website for free
what do i need to make a website
Create your own website easy
Dream online stores
I want to build a website?
design a website
how can i set up my own website
what is the best way to set up a website
how to make own website free
Best online shops in germany
Website for making websites?
create new website
easiest way to build a website
New website builders
Best online shops in US
how do you build your own website
where to build a website
create business website free
Professional online platforms form beginners
how to make a site
how to make a site
how to create my website
how to create a website of our own
how hard is it to set up a website
Building a website where to start
set up my website
design a website
how to create a website step by step instructions
how to set up the website
i want to create a website
make a website from scratch
how to open your own website
how to create a website
how do i set up a web page
Free web page setup
i own a domain how do i build a website
setting up a wordpress site
easy website setup
create website step by step
setting up a web page
build your own website uk
help creating a website
where to create a website
how to make new website
how to open own website
best website setup
set up your own website for free
how do i set up a website for my business
Make your own website
setting up a web page
how to host a website from home
How can you make a website
make ur own website
how to set up a simple website for free
make your own website
i need to make a website
starting a website
create website uk
Top online stores from the future
Best online stores
Top online stores in UK
build your own website uk
Best online stores
where to make a website
How to make a dream blog
create new site
where to create a website
how to make an easy website
how to create your own site
How to build an easy website?
web developer
create your webpage
web developer
Modern website builders
set up your own website for free
how to set up a website for free
Top ecommerce shops
Best online shops in germany
how to set up my own business website
how can i start a website
New website builders
how to create a company website
what do you need to make a website
Hosting gurus in 2020
making a website uk
I want to build a website?
Create a new web page
create new web page
How do I set up a website?
easy website builder
setting up a simple website
websites to make websites
how to start a web page
how can i build my own website
free website builder
create web page
how to get a website
Starting your own web page
free easy to set up websites
build your own company website
how to set a web site
setting up a website uk
create your web
How to make a dream online shop
how to create your own website for free
business website builder
steps to build a website
how to make my website
how to make a domain
setting up your own website
Top website builders for online shops
how do i setup a web page for free
how can i make my website
where to create a website
where to make a website
how do you set up a website for free
Beginners online marketing tools
Web creator online
start your own website
design your own website
web page builder
How to build a business website?
make a website page
How to build an easy website?
Dream blogging tools
Top ecommerce shops
make your own website
how to create online website
Building a website where to start
How can you make a website
how to go about creating a website
Need to build a website?
create a website
free business website
to create a web page
how to set up a business web page
set up a website for my business
How to build a web site?
make your own website for free
how we make our own website
how to set up my own web page
Professional hosting reviews
making a website uk
how to get own website
what do you need to set up a website
set website
Best website builders for online marketing
Best online stores in US
help setting up a website
Dream blogging tools
Top website builders for online shops
how to open a website for free
how to set up your own website
how to make a web page for my business
programs to make websites
create your web
New website builders
setting up a business website
Building a website where to start
How to make a dream blog
your own website
Best website builders for online marketing
How do I create a web page?
develop my own website
help creating a website
how to make create website
creating web
create new web page
how can i make a site
how do i set up a website for my business
best way to start your own website
make my website
quick website setup
create new website free
Setting up a new website
free easy to set up websites
create website domain
how can i create my website
How to open blog in 2020
Best online stores in germany
making a website uk
How to build a web site?
Starting your own web page
create your own website free
how to build a website step by step
Best online stores in canada
How to create a business website?
How can we make a website?
building a web site for dummies
How do I create a web page?
make your website
easy website creator
how to set up a website uk
I want to open online store
Top online stores in US
Building ecommerce sites
Best online shops in germany
i have a domain how do i build a website
websites to create websites
web page maker free
how to make website on internet
how to make a website from scratch
how to start building websites
how to open own website
Best online stores in US
how to build a web site
Setting up a new website
where to build a website
how to put up a website
create internet site
make own web page
How to build a web site?
how to build a website step by step
create simple website
create website domain
i want to build a website
Best website builders in 2020
how to go about creating a website
how to start up your own website
i need help building a website
how to start a website for free
cost of setting up a website
Best online stores in germany
setting up a web page for business
Best online shops in canada
Best online stores around the world
Best website builders for online
start building a website
Build your own webpage
website builder uk
Dream website builders
start your own website
make a website from scratch
best build your own websites
Professional online platforms form beginners
Best way's to setup your own website
how do i create a website
build my own website free
Best e-commerce shops in 2020
How to open blog in 2020
build your own webpage
how to set up a simple website for free
i need to make a website for my business
how to create a website for free step by step
develop my own website
web builder
Top website builders for online shops
free easy to set up websites
Best online stores in canada
How do I create a web page?
create business website free
setting up an internet site
Build your own webpage
i want to build a website
create your own site
how to create new web page
setting up your website
How can we make a website?
how to create a free website for business
how to make a website in bangla
Best online stores around the world
how to make website page
how to setup a free website for your business
how can i create my own site
setting up a website uk
Beginners online marketing tools
how can i start my own website
Dream online stores
create a business website
How to create a business website?
can i create my own website
steps to create a web page
Create a simple website
how to build a website using wordpress
online webpage creator
build your own site
Best online stores in canada
Dream blogging tools
online webpage creator
How to open website in 2020
How to make a dream website
where can i build a website
my own website
learn wordpress step by step
how to make a personal website
configuration website
Professional hosting reviews
how to set up a website for my business
creating a personal website
Best online shops in canada
Best way's to setup your own website
create your own website
build my own website free
create own site
create your own website easy
How to make a dream youtube channel
websites
Professional website builder
starting a website business
Dream website builders
i make websites
Hosting reviews from professionals
How to create your own website for free?
how to open own website
I want to build a website?
create your own website
how can i start a website
Dream blogging tools
how to create a web page
Best online hosting providers
how to set up a new website
How to make a dream website
Free web page setup
Best online shops in UK
Top online stores in UK
how do i set up a website
how to create your own website
create website step by step
how to start creating a website
how to make a business website
build own website
start building a website
Building ecommerce sites
make own website
how yo make a website
how to make create website
how to put up website
web creator online
how to make a website for my business
help creating a website
how to build your own website
create my own site
how to create www website
how do you set up your own website
get your own website
steps to setting up a website
How can I create my website?
where to make a website
Best online stores in germany
Top e-commerce shops
setting up a new website
how to setup a free website for your business
Building a website where to start
setting up a website
Best e-commerce shops in 2020
how to make a website step by step
Professional ecommerce sites
i want to set up a website for my business
starting a website
How to create a free website for business?
set up web
Top website builders in 2020
Beginners online marketing tools
Web creator online
Top online stores from the future
Hosting reviews from professionals
build your own webpage
easy website
Modern website builders
best way to create a website
create my own website for free
design your own webpage
how to build a business website
website builder
want to build a website
step by step guide to create a website
Web creator online
creating and designing a website
Create a new web page
i make websites
build your own website free
Best online shops in germany
how can we make website
how to create a website for free
what to make a website for
start your own website
how to create your own site
Top online stores in canada
Top hosting reviews from professionals
how to build your website
web page maker
Free web page setup
How can you make a website
create your web
how to make my website
starting up a website
creat web page
how do i build my own website
starting a website business
how to set up a business web page
Easiest way to set up a website
How to build a web site?
How to build a web site?
how to build a website
Create a new web page
how do u make a website
instructions on how to create a website
what is needed to create a website
New website builders
set up own website
create simple website
Top online stores in canada
how to create your own site
Best build your own websites
create internet site
create my own site
Top ecommerce shops
How do I create a web page?
build your own website uk
where can i create a website
who can make a website
how do i set up my own website
set up own website
Get your own website
Get your own website
free business website
how do you create a website
what is the best way to set up a website
how to make your own website
How can I create my website?
setting up a website
Website for making websites?
how to create a website easily
create own website free
Beginners online platforms
setting up a cheap website
build your own website
where can i make my own website
Building ecommerce shops
Best website builders for online marketing
create your own website uk
can i make my own website
how to make my own web page
starting your own web page
wordpress site builder
Best website builders for online
set up a website for my business
website for dummies
create own website
how to start your own website
Best online stores in UK
how can i set up a website
How to make a dream blog
Dream online stores
Setting up a new website
who can make a website
Create a new web page
set up my website
How to open blog in 2020
how to make your own site
Building ecommerce sites
develop your own website
ways to create a website
get own website
How to make a dream online shop
how to set up own web page
How to create your own website for free?
Best online shops in canada
can i make my own website
how to create my own website
build up website
create internet site
setting up your own website
How to build a web site?
instructions on how to create a website
make your own webpage
Where to make a website?
develop your own website
where can i build a website
your own website
Professional website builder
build my own site
how to make a wordpress website
creating a personal website
how to create your own website
i make websites
starting your own web page
How do I create a web page?
make your own site
create your own company website
Best website builders for online
how to create a website and host it
build your own webpage
ways to make a website
Best online stores in germany
Modern website builders
creating a personal website
help with setting up a website
Best website builders for online
Top website builders for online shops
how to have own website
Create a simple website
build it website
Free web page setup
create internet site
create your own website uk
create your own website free
How to create your own website for free?
Building ecommerce shops
How can I build a website
Top online stores in US
Professional hosting reviews
how to open own website
how to set up a business web page
New website builders
setting up your own website
Best hosting gurus in 2020
how to run a website
how to develop my own website
what do i need to do to create a website
setting up your own website
make ur own website
web page maker online
make own web page
make own website
how to create a homepage
how to build a new website
Top online marketing tools
How can we make a website?
Top e-commerce shops
How to build an easy website?
build your own website
how to build a website
develop my own website
Create your own website easy
how do i build a website
create own website
how hard is it to create your own website
I want to open online store
How to build a web site?
start a web page
Make your own website
how can you make a website
business website
tips for setting up a website
how to make my own web page
what is the best way to set up a website
website building sites
get own website
website for
Professional ecommerce sites
setting up a website and domain
new website open
setup site
how to make own web page
how can i start my own website
create my web page
How can we make a website?
Top online stores in germany
i need help setting up a website
Best online shops in UK
create web page
Build your own webpage
Dream online stores
create new site
Creating a website?
put up a website
Make your own website
build up website
business website builder
how to design and build a website
make own website
how to create own website free
how can i build my own website
Best online shops in canada
how to create your own website for free
best website setup
Starting your own web page
best place to set up a website
help creating a website
Create your own website easy
Best online hosting providers
How to create a free website for business?
Top online stores from the future
where can i build a website
build your own website uk
can i build my own website
how to create your website
Best way's to setup your own website
create my website for free
i need to make a website for my business
i want to create my own website
how to create your own site
who can make a website
How can I build a website
Building ecommerce sites
build your website- pharmacist
create website uk
website making sites
make my own website for free
how to develop a website
Get your own website
setting up a website
guide to building a website
how do you get a website
how can i develop a website
help creating a website
how to start your own website
how to make logo for website
set a website
setting up a personal website
setting up your own web page
how to create my own website
Hosting reviews from professionals
Building a website where to start
what do i need to do to start a website
best way to make a website
website developer
how to create a free website for business
how to put up a website for free
how can i create my own site
Best online shops in UK
web page maker online
How to build an easy website?
web builder
how to set up own web page
how much to set up a website
i want to build a website
Top website builders for online marketing
what do i need to start a website
Beginners online platforms
how to setup a free website for your business
how to build your own site
Building ecommerce sites
setting up a business website
how to build a web page
how to set up a new website
Best online hosting providers
build me a website
how to get your own website
Setting up a new website
can you set up a free website
starting up a web page
create business website free
best way to setup your own website
get website
how to make a web page your homepage
how do you build your own website
build your own website uk
start up a website for free
How to create best online stores in 2020
free web page setup
get website
can i create my own website
make your own site
how to build a simple website
where to start creating a website
how do i build a website
Best website builders in 2020
website builder uk
website design
set up web
how to create and design a website
How can you make a website
create new website
Starting your own web page
create site free
Modern website builders
how to set up my own website
Modern website builders
make a business website
set up your own website for free
Create your own website easy
how to make website https
how to make logo for website
set up my own website free
learn how to make a website
create website using wordpress
Starting your own web page
how to build my website
how do you create a web page
create a business website
How to build a business website?
how do i create a website for free
How to create best online stores in 2020
setting up a company website
create website using wordpress
How can you make a website
I want to open online store
how to create a website using wordpress
i need help building a website
build it website
How to create a business website?
How to open blog in 2020
get website
Top website builders for online marketing
websites to create websites
design your website
how to build a business website
How can I create my website?
set up a website for my business
i need to make a website for my business
start my own website
How can I build a website
how to build my own website
build my own website
easy website setup
how can i make my own website
how do you start a website
Best online stores in US
website building sites
Best build your own websites
configuration website
How to make a dream online store
how to put up website
who to create a website
Best website builders for online
create site
website design for beginners
how can i make a site
How can I make my website?
make your own website
How do I create a web page?
how do you set up a website
quick website setup
how do i start a website for my business
How to make a dream online store
How to make a dream website
How to create best online stores in 2020
i want to set up a website for my business
Modern website builders
develop my website
Best build your own websites
how to make my own web page
Free web page setup
Best e-commerce shops in 2020
create your own site
web builder
make a website step by step
how to create a website
what you need to set up a website
how can i make a site
Top website builders in 2020
how to set up a basic website
How can you make a website
how to build your own web page
Create your own website easy
How to create your own website for free?
How to create best online stores in 2020
website for dummies
How to make a dream online store
develop my website
set up web
how to set out a website
Best hosting gurus in 2020
Best online stores in germany
setting up a website uk
get own website
best place to set up a website
i want to create a website
Best website builders in 2020
building a website where to start
step by step website building
create new website
How to build a business website?
build me a website
setting up a simple website
how to set up a website uk
How to make a dream youtube channel
set up own website
create a website for my company
how to build your own site
create new website free
Hosting gurus in 2020
Best online shops in canada
how to make a simple website
create internet site
create your own website free
how can i start my own website
Make your own website
wordpress create website
how can i develop a website
Building ecommerce sites
Setting up a new website
how to build your own site
i want to create a website
Best online hosting providers
how to do a website
Build your own webpage
Setting up a new website
create own webpage
set up a wordpress website
how do you set up a website for free
easy website design
How can I make my website?
How do I set up a website?
Make your own website
Website for making websites?
how to create your own website
how do you set up your own website
How to build a business website?
how to build your own web page
website developer
make new website
how can we make website
build your own company website
how to create your own web page
how can i make my website
Build your own webpage
how to build an easy website
how to crate my own website
Creating a website?
best way to setup your own website
where to make a website
how to create your own site
Top hosting reviews from professionals
Best e-commerce shops in 2020
Top online stores in canada
site maker
How to open blog in 2020
Setting up a new website
design your own website
set up my own website
i need to make a website
i want to build a website
Top ecommerce shops
build my website
Building a website where to start
free web page setup
Create your own website easy
Best website builders in 2020
how do i create a web page
How can I make my website?
how can we make website
How to create a free website for business?
How to open website in 2020
How to open website in 2020
Top website builders for online shops
how to build a website step by step
Best online stores in US
Top online stores in canada
Top ecommerce sites
help setting up a website
Setting up a new website
what do you need to set up a website
how to set a website
how to make a business website
free web page setup