• 0

HTML bbcode: did you know that it exists?

Asked by Joel,

 Share

Question

Grand Master

Joel

Posted
Posted

I see many people using the code tags when posting the HTML / XHTML source. Did you know that there is a bbcode for HTML?

If you use 

[html][/html]

tags instead of the code tags, you can post HTML code that displays in a more helpful manner. Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>W3C HTML Home Page</title>
  <meta name="keywords"
  content="HTML, HTML 4, HTML 4.01, HTML 4.0, XHTML, XHTML 1.0, XHTML 1.1, XHTML Basic, Modularization of XHTML, XML Events, XHTML-Print, XHTML 2.0, HTML Activity, HTML Working Group" />
  <meta name="description"
  content="This is W3C's home page for the HTML Activity. Here you will find pointers to our specifications for HTML/XHTML, guidelines on how to use HTML/XHTML to the best effect, and pointers to related work at W3C." />
  <link rel="stylesheet" type="text/css" href="markup.css" />
  <link rel="stylesheet" type="text/css" href="../StyleSheets/public.css" />
  <link rel="stylesheet" type="text/css" media="handheld"
  href="style/handheld.css" />
  <link rel="stylesheet" type="text/css" media="print" href="style/print.css" />

  <link rel="bookmark" href="#top" title="Page top" />
  <link rel="start" href="../" title="W3C Home Page" />
  <link rel="contents" href="#navbar" title="Navigation" />
  <link rel="bookmark" href="#news" title="News" />
  <link rel="bookmark" href="#recommendations" title="RECs" />
  <link rel="bookmark" href="#drafts" title="Drafts" />
  <link rel="appendix" href="Activity" title="Activity Statement" />
  <link rel="appendix" href="xhtml-roadmap/" title="Roadmap" />
  <link rel="appendix" href="2004/xhtml-faq" title="FAQ" />

  <link rel="appendix" href="modularization" title="M12N Overview" />
  <link rel="appendix" href="historical" title="Historical" />
  <link rel="appendix" href="news" title="News Archive" />
  <link rel="appendix" href="Articles" title="Articles" />
  <link rel="appendix" href="translations" title="Translations" />
  <link rel="help" href="../Help/siteindex" title="Site Index" />
  <link rel="glossary" href="../2001/12/Glossary" title="Glossary" />
  <link rel="copyright" href="#copyright" title="Copyright" />
  <link rel="alternate" type="text/html" title="HTML version" href=",html" />

  <link rel="alternate" type="application/xhtml+xml" title="XHTML version"
  href=",xhtml" />
</head>

<body>
<div class="footer">
<p id="copyright" class="copyright"><a rel="Copyright"
href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ?1995-2006 <a
href="/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>?</sup>

(<a href="http://www.csail.mit.edu/"><abbr
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
href="http://www.ercim.org/"><acronym
title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
href="/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a
href="/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, <a
rel="Copyright" href="/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="/Consortium/Legal/copyright-software">software
licensing</a> rules apply. Your interactions with this site are in accordance
with our <a href="/Consortium/Legal/privacy-statement#Public">public</a> and

<a href="/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.</p>

<p>This page was last modified on: $Date: 2006/02/06 15:52:10 $</p>
</div>
</body>
</html>

Link to comment
Share on other sites

29 answers to this question

Recommended Posts

  • 0
Explorer

vks87

Posted
Posted
I see many people using the code tags when posting the HTML / XHTML source. Did you know that there is a bbcode for HTML?

If you use 

[html][/html]

tags instead of the code tags, you can post HTML code that displays in a more helpful manner. Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>W3C HTML Home Page</title>
  <meta name="keywords"
  content="HTML, HTML 4, HTML 4.01, HTML 4.0, XHTML, XHTML 1.0, XHTML 1.1, XHTML Basic, Modularization of XHTML, XML Events, XHTML-Print, XHTML 2.0, HTML Activity, HTML Working Group" />
  <meta name="description"
  content="This is W3C's home page for the HTML Activity. Here you will find pointers to our specifications for HTML/XHTML, guidelines on how to use HTML/XHTML to the best effect, and pointers to related work at W3C." />
  <link rel="stylesheet" type="text/css" href="markup.css" />
  <link rel="stylesheet" type="text/css" href="../StyleSheets/public.css" />
  <link rel="stylesheet" type="text/css" media="handheld"
  href="style/handheld.css" />
  <link rel="stylesheet" type="text/css" media="print" href="style/print.css" />

  <link rel="bookmark" href="#top" title="Page top" />
  <link rel="start" href="../" title="W3C Home Page" />
  <link rel="contents" href="#navbar" title="Navigation" />
  <link rel="bookmark" href="#news" title="News" />
  <link rel="bookmark" href="#recommendations" title="RECs" />
  <link rel="bookmark" href="#drafts" title="Drafts" />
  <link rel="appendix" href="Activity" title="Activity Statement" />
  <link rel="appendix" href="xhtml-roadmap/" title="Roadmap" />
  <link rel="appendix" href="2004/xhtml-faq" title="FAQ" />

  <link rel="appendix" href="modularization" title="M12N Overview" />
  <link rel="appendix" href="historical" title="Historical" />
  <link rel="appendix" href="news" title="News Archive" />
  <link rel="appendix" href="Articles" title="Articles" />
  <link rel="appendix" href="translations" title="Translations" />
  <link rel="help" href="../Help/siteindex" title="Site Index" />
  <link rel="glossary" href="../2001/12/Glossary" title="Glossary" />
  <link rel="copyright" href="#copyright" title="Copyright" />
  <link rel="alternate" type="text/html" title="HTML version" href=",html" />

  <link rel="alternate" type="application/xhtml+xml" title="XHTML version"
  href=",xhtml" />
</head>

<body>
<div class="footer">
<p id="copyright" class="copyright"><a rel="Copyright"
href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ?1995-2006 <a href="/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>?</sup>

(<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, <a rel="Copyright" href="/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="/Consortium/Legal/copyright-software">software
licensing</a> rules apply. Your interactions with this site are in accordance
with our <a href="/Consortium/Legal/privacy-statement#Public">public</a> and

<a href="/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.</p>

<p>This page was last modified on: $Date: 2006/02/06 15:52:10 $</p>
</div>
</body>
</html>

Nice codding..

Thanks for sharing it with us...

Link to comment
Share on other sites
  • 0
Experienced

jordan.

Posted
Posted (edited) 

<div id="test">
	<p>Testing the HTML tag and spacing</p>
	<ul class="woot">
		<li>nothing here</li>
	</ul>
</div>

EDIT: Sweet, it now keeps the spacing. Funny it changes a tab space in to 8 spaces.

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.