Article 17

how to create web design


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 04-2018

Similar in Resources-and-Guides

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