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
graphic designer

8 Skills Every Graphic Designer Needs to Have

Posted on 13 Dec 2022

optimize magento cart page

Tips to Optimize Magento Cart Page for Better Conversion Rate

Posted on 26 Nov 2022

SEO tips and tricks

6 SEO Tips & Tricks for Better Search Engine Results Positioning

Posted on 21 Nov 2022

Tags
404page 404pageerror advancedphptools advantageofwebdesign advantageofwebdevelopment AI androidappdevelopment app development appdevelopment appdevelopmentforbeginners artificialintelligence b2b seo b2c seo backlinks backlinksforseo backlinksin2021 basics of digital marketing benefitsofwebdesignanddevelopment best web design company in saltlake best web designing company in kolkata blogging blogging tips blogging tutorial Businessdevelopment businesspromotion businesswebsitedevelopment c++ c++ features commonmistakesofaddingimage computervirus Cross-Browser Compatibility custom404page developandroidapps digital marketing digital marketing tutorial DigitalMarketing Digitalmarketingbenefits Digitalmarketingtips E-Commerce ecommercedevelopment ecommercewebsite effectoftoxicbacklinks favicon future of information technology future of mobile apps GIF googlesearch googlesearchalgorithm graphicdesign graphicdesignertools graphicdesignin2022 graphicdesignskills graphicdesigntips graphicdesigntutorials Graphics design guestposting guestpostingtips guestpostingtutorials howtocreatelandingpage howtodefendcomputervirus howtogethighqualitybacklinks howtoidentifycomputervirus howtooptimizeimage HTML5 htmllandingpage hybrid mobile app development hybrid mobile apps imageseo imageseotechniques imageuploadingmistakes Impact Of Information Technology importantfeaturesofjava increaseonlinereach information technology Information Technology On Modern Society internet iOS iOS app development iOS benefits IT blogs java framework java frameworks 2021 java learning java tutorial javadevelopment javafeatures javaframework JPEG landingpagedesign laravel laravel benefits laravel development services learn blogging live streaming magento 2 magento with google shopping malware malwareprotection marketing meta tags mobile app development mobile apps mobile seo mobile seo in 2021 mobile seo tips off page seo off-page seo techniques omrsoftware omrsoftwaredevelopment omrsoftwareforschools on-page seo online marketing online payment onlinebranding onlinebusiness Onlinemarketing osCommerce pay per click payment gateway payment solution PHP phpdevelopment phptools PNG ppc private network professional web design progamming programming language promotebusinessonline pros and cons of information technology protectionformcomputervirus python pythonforAI pythonlanguage pythonprogramming Responsive Website Design SEO seo tips SEO tips in 2020 seo types seoprocess seotricks shopify software development software tools SVG technology toxicbacklinks UI usesofomrsoftware UX video streaming virtual assistant virtual assistant monitoring Virtual private network VPN web design web design in kolkata Web Development web payment web1.0 web2.0 web2.0advantages webcrawler webcrawlerandseo webdesign webdevelopment webdevelopmentservice website Website Design Website speed websitedesign websitedevelopment websiteforsmallbusiness whatisomrsoftware whatistoxicbacklink whatisweb2.0 whatiswebcrawler