Blog

Latest updates from Cleonix Technologies
Use of blockquote in HTML

Use the HTML < blockquote > tag to indicate long quotations (i.e. quotations spanning multiple lines). It should only contain elements at the block level and not just plain text.

How to Use Blockquote on Your Webpages:

You sometimes want to call out a block of text as a quotation when you write text on a web page and create the layout of that page. This could be a quote from somewhere else, like a testimonial to a client that accompanies a case study or success story of a project.
This may also be a treatment of design that repeats some significant text from the article or content itself. So let’s look at how to use the blockquote tag to describe lengthy quotations.

Example of Using the Blockquote Tag:
The blockquote tag is a semantic tag that tells a long quotation to the browser or user agent. You should not include text inside the blockquote tag that is not a quotation.
Just surround the text that is a quotation with the following tag pair to add the blockquote tag to your text.

Opening: <blockquote>
Closing: </blockquote>

Example:

<!DOCTYPE html>
<html>

  <head>
      <title>HTML blockquote Tag

   <body>
      <blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting 
the future of nature.
The world's leading conservation organization,
 WWF works in 100 countries and is supported by 
1.2 million members in the United States and close to 5 million globally.
</blockquote>
   </body>

Do Not Use Blockquote to Indent Text:
People used the blockquote tag for many years if they wanted to indent text on their website, even if it wasn’t a pull quote. That’s the wrong practice! For visual reasons alone, you don’t want to use blockquote semantics.


About the author


0 comments

Leave a Reply

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

Categories
Latest Post
impact of mobile apps in the future

Impact of mobile apps in our future life

Posted on 19 Aug 2021

modern features of C++

Some Modern Features Of C++ That Make It Popular Still Now

Posted on 16 Aug 2021

VPN

Everything You Need To Know About Virtual Private Network (VPN)

Posted on 20 Jul 2021

Tags
app development basics of digital marketing best web design company in saltlake best web designing company in kolkata blogging blogging tips blogging tutorial c++ c++ features Cross-Browser Compatibility digital marketing digital marketing tutorial E-Commerce favicon future of mobile apps GIF Graphics design HTML5 hybrid mobile app development hybrid mobile apps information technology internet iOS iOS app development iOS benefits IT blogs java framework java frameworks 2021 java learning java tutorial JPEG laravel laravel benefits laravel development services learn blogging live streaming magento 2 magento with google shopping meta tags mobile app development mobile apps mobile seo mobile seo in 2021 mobile seo tips off page seo off-page seo techniques on-page seo online marketing online payment osCommerce pay per click payment gateway payment solution PHP PNG ppc private network professional web design progamming programming language Responsive Website Design SEO seo tips SEO tips in 2020 software development software tools SVG technology UI UX video streaming virtual assistant virtual assistant monitoring Virtual private network VPN web design web design in kolkata Web Development web payment website Website Design Website speed