• 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>

29 answers to this question

Recommended Posts

  • 0
Grand Master

lnmnky

Posted
Posted

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>

  • 0
Grand Master

The_Decryptor Veteran

Posted
  • Veteran
Posted

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  )

  • 0
Grand Master

The_Decryptor Veteran

Posted
  • Veteran
Posted

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.
  • 0
Grand Master

Menge

Posted
Posted

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 :)

  • 0
Grand Master

The_Decryptor Veteran

Posted
  • Veteran
Posted

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.

  • 0
Grand Master

Menge

Posted
Posted

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 :)

  • 0
Enthusiast

TheBrotherhood313

Posted
Posted

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.

  • 0
Grand Master

Pox

Posted
Posted
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

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Forza Horizon 6 gets another hotfix for one of the game's online modes

      By TarasBuria · Posted

      Forza Horizon 6 gets another hotfix for one of the game's online modes by Taras Buria Recently, Forza Horizon 6 players discovered an interesting glitch that allowed farming a crazy amount of in-game credits in a few minutes. Playground Games quickly pulled the plug on the exploit by disabling one of the game's online modes, and today, the studio is rolling out another hotfix. In my review, I complained about the game still showering gamers with cars, credits, and wheelspins. As such, earning money in Forza Horizon 6 is not a particularly difficult task. You simply have to play the game, crazy, I know. However, people still found an easier path to becoming a billionaire in Forza Horizon 6. All you had to do was purchase the Hummer EV, install a specific tune, shift in reverse while going at about 15 MPH, hit a wall, and get launched into the stratosphere at the speed of light. While mid-air, launch Eliminator and quickly get eliminated. Boom, the game just awarded you with a few million in-game credits. Initially, Playground Games disabled Eliminator to prevent people from farming credits. Now, following the release of the first balancing update, developers are rolling out a new update that re-enables Eliminator and gives users a free McLaren Sabre as a gesture of goodwill. Here is the changelog: One critical issue remains unpatched, though. There are quite a few reports of the game wiping gamers' saves, and developers are still looking into that. To avoid potential data loss, Playground Games recommends taking one of the steps outlined in a previously published support article.
    • The official Funny Pictures thread

      By Steven P. · Posted

    • Dead by Daylight, Two Point Museum, and more join Xbox Free Play Days for the weekend

      By LoneWolfSL · Posted

      Dead by Daylight, Two Point Museum, and more join Xbox Free Play Days for the weekend by Pulasthi Ariyasinghe There is a brand-new Free Play Days offer available to Xbox players, giving them a chance to try out a new selection of games over the weekend. Microsoft's latest promotion brings some high-profile titles, including the sports title PGA TOUR 2K25 and the racing sim Assetto Corsa. Almost all the games being offered this time require an Xbox Game Pass subscription, with only one title being available for all players. Starting with the fully free-to-play section, Dead by Daylight is populating it solo. This asymmetric survival horror title should be the most familiar to most gamers, considering its age. The multiplayer four-versus-one asymmetric survival horror game has you assuming the roles of survivors or the killer to see who can come out on top. This Dead by Daylight offer will be available to play until Monday, June 22, giving you an extra day of play compared to the remainder of the Free Play Days titles. Meanwhile, Xbox Game Pass Ultimate, Premium, and Essential members can now try out the well-received tycoon game Two Point Museum, the circuit racing sim Assetto Corsa, as well as 2K's golf sim experience that gives players a career to develop alongside real-world pros and courses. Here are the announced games and the platforms they are available to play on: PGA TOUR 2K25 (Xbox Series X|S) Two Point Museum (Xbox Series X|S) Assetto Corsa (Xbox Series X|S, Xbox One) Dead by Daylight (Xbox Series X|S, Xbox One) To easily find the titles on Xbox consoles, first head to the Store, and then in the sidebar, find the Home section. In there, open the Subscriptions tab. All the games from the Free Play Days collection will show up in this section for quick access. Apart from Dead by Daylight's offer, this week's Free Play Days promotions will end on Sunday, June 21, at 11:59 pm PT.
    • Rockstar confirms Grand Theft Auto VI pre-orders begin next week, unveils cover art

      By Lamp0 · Posted

      have you played it?
    • The official Funny Pictures thread

      By +primortal · Posted

  • Recent Achievements

    • Week One Done
      Huge Trailer earned a badge
      Week One Done
    • Week One Done
      Classifyskilleducation earned a badge
      Week One Done
    • One Month Later
      eurospharma62 earned a badge
      One Month Later
    • Week One Done
      With What earned a badge
      Week One Done
    • Week One Done
      Harris Gilbert earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      589
    2. 2
      +Edouard
      171
    3. 3
      PsYcHoKiLLa
      74
    4. 4
      Michael Scrip
      67
    5. 5
      neufuse
      64
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!