• 0

HTML bbcode: did you know that it exists?


Question

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

Recommended Posts

  • 0

<div class="MenuBoxes">
<div class="Gradient">Recent  posts </div>
<div class="ItemContent">
<?php
require_once "php/recenttopics.php";
?>
</div>
</div>

Thats cool!

Pitty it doesnt work on PHP ! :(

Link to comment
Share on other sites

  • 0

Joel, could the html one keep the whitespace like code does?

Maybe people use code so that it preserves formatting, unlike the HTML

<a href="#">fourspaces [    ]</a>
<a href="#">fourtabs[				]</a>

<a href="#">fourspaces [	]</a>
<a href="#">fourtabs[				]</a>

Link to comment
Share on other sites

  • 0

Joel, could the html one keep the whitespace like code does?

Maybe people use code so that it preserves formatting, unlike the HTML

<a href="#">fourspaces [    ]</a>
<a href="#">fourtabs[				]</a>

<a href="#">fourspaces [	]</a>
<a href="#">fourtabs[				]</a>

Because HTML is handled like that by browsers (only way to get multiple spaces is to use  )

Link to comment
Share on other sites

  • 0

Because HTML is handled like that by browsers (only way to get multiple spaces is to use  )

but we're posting the source... that's before it gets to the browser :p so it should keep the spacing :)

Link to comment
Share on other sites

  • 0

but we're posting the source... that's before it gets to the browser :p so it should keep the spacing :)

Brings in inconsistencies that people don't need.

If your just beginning, and somebody shows you something like this

<p>This					 is a test</p>

They wont have any idea why the code shows as "This is a test" in their web browser.

And the reason

 keeps extra spaces is because some languages need that spacing, HTML does not.
Link to comment
Share on other sites

  • 0

Brings in inconsistencies that people don't need.

If your just beginning, and somebody shows you something like this

<p>This					 is a test</p>

They wont have any idea why the code shows as "This is a test" in their web browser.

And the reason

 keeps extra spaces is because some languages need that spacing, HTML does not.

HTML does have identation too...

not to mention that the original source code is what really helps people... showing them an edited version might not really help them.

if you're showing the source, show it how it is... only "beautify" it if you're showing the content itself... that's my opinion :)

Link to comment
Share on other sites

  • 0

HTML does have identation too...

not to mention that the original source code is what really helps people... showing them an edited version might not really help them.

if you're showing the source, show it how it is... only "beautify" it if you're showing the content itself... that's my opinion :)

yes, HTML does have indentation, which the browser strips out when it parses it (Safari had a small bug in XHTML mode a while ago that didn't strip it out, every tab was converted to a blank character) and it's not a needed part of the language.

And the "renderer" is showing the HTML correctly, padding it with unneeded spaces is the wrong way to go IMO

There is one problem with it though, it ignores <pre> tags.

Link to comment
Share on other sites

  • 0

yes, HTML does have indentation, which the browser strips out when it parses it (Safari had a small bug in XHTML mode a while ago that didn't strip it out, every tab was converted to a blank character) and it's not a needed part of the language.

And the "renderer" is showing the HTML correctly, padding it with unneeded spaces is the wrong way to go IMO

There is one problem with it though, it ignores <pre> tags.

you didn't get my point :p but nevermind. i'll just let go of it :) good we have a tag that shows highlighted HTML code :)

Link to comment
Share on other sites

  • 0

Because HTML is handled like that by browsers (only way to get multiple spaces is to use  )

Surely that point is moot when the browser also doesn't output the tags themselves, yet

 does.

Another vote in favour of <pre> here

Link to comment
Share on other sites

  • 0

Yep I knew this was an IPB feature. Anyone could easily add a bbcode button like the Code one but its just not default on the bar.

Also, there is a mod for the PHP tag. Basicly the same as HTML but it highlights the code according to PHP. Nice features none the less.

Link to comment
Share on other sites

  • 0
Joel, could the html one keep the whitespace like code does?

Maybe people use code so that it preserves formatting, unlike the HTML

&lt;a href="#"&gt;fourspaces [    ]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;

&lt;a href="#"&gt;fourspaces [	]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;

...except whitespace is meaningless over 1 space in HTML anyway. 0_o

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.