Have a look at the HTML Tidy Project: http://www.html-tidy.org/

&gt; The granddaddy of HTML tools, with support for modern standards.

There used to be a fork called tidy-html5 which since became the official thing. Here is its [GitHub repository][2].

&gt; Tidy is a console application for Mac OS X, Linux, Windows, UNIX, and more. It corrects and cleans up HTML and XML documents by fixing markup errors and upgrading legacy code to modern standards.

For your needs, here is the command line to call Tidy:

    tidy inputfile.html


  [1]: http://www.html-tidy.org/
  [2]: https://github.com/htacg/tidy-html5

**Update 2018:** The `homebrew/dupes` is now deprecated, tidy-html5 may be directly installed.

    brew install tidy-html5


----------


**Original reply:**

`Tidy` from OS X doesn&#39;t support `HTML5`. But there is experimental branch on `Github` which does. 

To get it:

     brew tap homebrew/dupes
     brew install tidy --HEAD
     brew untap homebrew/dupes

That&#39;s it! Have fun!

To have an updated, OS-agnostic answer to this question: 

While the [original](http://www.w3.org/People/Raggett/tidy/) [HTMLTidy](http://tidy.sourceforge.net/) project has been [dormant for over 6 years](http://tidy.cvs.sourceforge.net/tidy/tidy/src/version.h?view=markup), a [&quot;W3C Community &amp; Business group&quot;](https://www.w3.org/community/) that goes by the name [&quot;HTML Tidy Advocacy Community Group (HTACG)&quot;](http://www.htacg.org) has now begun to continue its development, *with the goal of making it fully HTML5-compatible*. The group was formed in January 2015 and although they describe the current state as &quot;work in progress&quot;, binaries are already available for download.

- Project homepage: http://www.html-tidy.org/
- Group page at W3C: https://www.w3.org/community/htacg/
- Github repository: https://github.com/htacg/tidy-html5
- Binary downloads: http://www.htacg.org/binaries/

I think [**HTML tidy**][1] is one of the household names in that field.


  [1]: http://tidy.sourceforge.net/

Just a late followup on an OT question.

Homebrew has a `tidy-html5` installed as you&#39;d expect.

It&#39;s linked up as `tidy5`.


I looked at the [manual][1], but I can&#39;t seem to find the answer.

What is the default visibility in PHP for methods without a visibility declaration? Does PHP have a package visibility like in Java?  

For example, in the following code, is `go()` public or private?

    class test {
      function go() {
      }
    }

The reason I asked is that I&#39;ve seen many constructors code written as `function __construct()` and some as `public function __construct()`. Are they equivalent?


  [1]: http://php.net/manual/en/language.oop5.visibility.php

Default visibility of class methods in PHP

Checking in the new database structure I saw that someone changed a field from float to double. Wondering why, I checked the mysql documentation, but honestly didn&#39;t understand what the difference is.

Can someone explain?

MySQL: What&#39;s the difference between float and double?

I&#39;m looking for recommendations for HTML pretty printers which fulfill the following requirements:

* Takes HTML as input, and then output a nicely formatted/correctly indented but &quot;graphically equivalent&quot; version of the given input HTML.
* Must support command-line operation.
* Must be open-source and run under Linux.


A command-line HTML pretty-printer: Making messy HTML readable

<p>I'm looking for recommendations for HTML pretty printers which fulfill the following requirements:</p>
<ul>
<li>Takes HTML as input, and then output a nicely formatted/correctly indented but "graphically equivalent" version of the given input HTML.</li>
<li>Must support command-line operation.</li>
<li>Must be open-source and run under Linux.</li>
</ul>


I have a simple [text area][1] in a form like this:

    &lt;textarea style=&quot;width:350px; height:80px;&quot; cols=&quot;42&quot; rows=&quot;5&quot; name=&quot;sitelink&quot;&gt;
        &lt;?php if($siteLink_val) echo $siteLink_val; ?&gt; 
    &lt;/textarea&gt;

I keep getting extra white space in this **textarea**. When I tab into it my cursor is like in the middle of the **textarea** and not in the beginning? What is the explanation?

  [1]: http://www.w3schools.com/TAGS/tag_textarea.asp



Why is textarea filled with mysterious white spaces?

How can I check if a checkbox in a checkbox array is checked using the id of the checkbox array?

I am using the following code, but it always returns the count of checked checkboxes regardless of id.

```js
function isCheckedById(id) {
    alert(id);
    var checked = $(&quot;input[@id=&quot; + id + &quot;]:checked&quot;).length;
    alert(checked);
      
    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}
```



Check if checkbox is checked with jQuery

I personally like the [`&lt;fieldset&gt;`][1] tag because of how it draws a box and puts the [`&lt;legend&gt;`][2] at the top of it, over the border. Like this.

![example image of what I&#39;m trying to achieve][3]

However, the `fieldset` element was made to organize [forms][4], and using it for general design is no better than using tables for general design. So, my question is... __how can I achieve the same result using another tag?__ The border has to be erased under the `&lt;legend&gt;` (or whatever other tag will be used), and since there could be a &quot;complex&quot; body background image, I can&#39;t afford to just set the `background-color` of the legend to match the one of the element under.

I&#39;d like it to work without JavaScript, but CSS3 and XML-based formats (such as SVG or XHTML) are fine.


  [1]: http://www.w3.org/wiki/HTML/Elements/fieldset
  [2]: http://www.w3.org/wiki/HTML/Elements/legend
  [3]: http://i.stack.imgur.com/VJ2lh.png
  [4]: http://www.w3.org/wiki/HTML/Elements/form

Is it possible to achieve a &lt;fieldset&gt;-like effect without using the &lt;fieldset&gt; tag?

Is there a general best practice for creating somewhat complex HTML elements in jQuery? I&#39;ve tried a few different ways.

First I tried using createElement and chaining alot of those together with AppendTo and the like:

    var badge = $(document.createElement(&quot;div&quot;)).attr(&quot;class&quot;, &quot;wrapper1&quot;).appendTo(&quot;body&quot;);
    $(document.createElement(&quot;div&quot;)).attr(&quot;class&quot;, &quot;wrapper2&quot;).appendTo(&quot;.wrapper1&quot;);
    $(document.createElement(&quot;table&quot;)).attr(&quot;class&quot;, &quot;badgeBody&quot;).appendTo(&quot;.wrapper2&quot;);
    $(document.createElement(&quot;tr&quot;)).attr(&quot;class&quot;, &quot;row1&quot;).appendTo(&quot;.badgeBody&quot;);
    $(document.createElement(&quot;td&quot;)).appendTo(&quot;.row1&quot;);
    $(document.createElement(&quot;span&quot;)).attr(&quot;class&quot;, &quot;badgeUnlocked&quot;).text(&quot;UNLOCKED! &quot;).appendTo(&quot;td&quot;);
    $(document.createElement(&quot;td&quot;)).attr(&quot;class&quot;, &quot;badgeTitleText&quot;).appendTo(&quot;.row1&quot;);
    $(document.createElement(&quot;span&quot;)).attr(&quot;class&quot;, &quot;badgeTitle&quot;).text(name).appendTo(&quot;.badgeTitleText&quot;);
    $(document.createElement(&quot;tr&quot;)).attr(&quot;class&quot;, &quot;row2&quot;).appendTo(&quot;.badgeBody&quot;);
    $(document.createElement(&quot;td&quot;)).appendTo(&quot;.row2&quot;);
    $(document.createElement(&quot;img&quot;)).attr(&quot;src&quot;, imgUrl).appendTo(&quot;.row2 td&quot;);
    $(document.createElement(&quot;td&quot;)).attr(&quot;class&quot;, &quot;badgeText&quot;).appendTo(&quot;.row2&quot;);
    $(document.createElement(&quot;span&quot;)).attr(&quot;class&quot;, &quot;badgeDescription&quot;).text(description).appendTo(&quot;.badgeText&quot;);

 This can be rough since appendTo wants to add to every matching element so everything needs its own name otherwise it ends up getting added repeatedly all over the place.

Then I tried creating an array and joining it together:

    var badgeFragment = [
    &#39;&lt;div&gt;&lt;div id=&quot;&#39;+ closeId+&#39;&quot; class=&quot;closeTab&quot;&gt;X&lt;/div&gt;&#39;,
    &#39;&lt;div id=&quot;&#39;+ badgeId+&#39;&quot; class=&quot;wrapper1&quot;&gt;&#39;,
    &#39;&lt;div class=&quot;wrapper2&quot;&gt;&#39;,
    &#39;&lt;div class=&quot;badgeBody&quot;&gt;&#39;,
    &#39;&lt;div class=&quot;badgeImage&quot;&gt;&#39;,
    &#39;&lt;img src=&quot;&#39;+ imgUrl +&#39;&quot;&gt;&#39;,
    &#39;&lt;/div&gt;&#39;,
    &#39;&lt;div class=&quot;badgeContents&quot;&gt;&#39;,
    &#39;&lt;div class=&quot;badgeUnlocked&quot;&gt;ACHIEVEMENT UNLOCKED: &lt;/div&gt;&#39;,
    &#39;&lt;div class=&quot;badgeTitle&quot;&gt;&#39;+ name +&#39;&lt;/div&gt;&#39;,
    &#39;&lt;div id=&quot;&#39;+ textId+&#39;&quot; class=&quot;badgeDescription&quot;&gt;&#39;+ description +&#39;&lt;/div&gt;&#39;,
    &#39;&lt;/div&gt;&#39;,
    &#39;&lt;div style=&quot;clear:both&quot;&gt;&lt;/div&gt;&#39;,
    &#39;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#39;,
    ]
        
    badgeFragment = $(badgeFragment.join(&#39;&#39;));

This seems to work pretty well, although in IE when I would put an alert($(badgeFragment).text()) it usually came back empty. (This was part of debugging a larger problem). I&#39;m obviously a bit new to jQuery (And even Javascript really) so to try and make sure this wasn&#39;t the problem I tried a third method - giant string concatenation:

    var badgeFragment =
    &#39;&lt;div&gt;&lt;div id=&quot;&#39;+ closeId+&#39;&quot; class=&quot;closeTab&quot;&gt;X&lt;/div&gt;&#39; +
    &#39;&lt;div id=&quot;&#39;+ badgeId+&#39;&quot; class=&quot;wrapper1&quot;&gt;&#39; +
    &#39;&lt;div class=&quot;wrapper2&quot;&gt;&#39; +
    &#39;&lt;div class=&quot;badgeBody&quot;&gt;&#39; +
    &#39;&lt;div class=&quot;badgeImage&quot;&gt;&#39; +
    &#39;&lt;img src=&quot;C:/Users/Ryan/Documents/icons/crystal_project/64x64/apps/chat.png&quot;&gt;&#39; +
    &#39;&lt;/div&gt;&#39; +
    &#39;&lt;div class=&quot;badgeContents&quot;&gt;&#39; +
    &#39;&lt;div class=&quot;badgeUnlocked&quot;&gt;ACHIEVEMENT UNLOCKED: &lt;/div&gt;&#39; +
    &#39;&lt;div class=&quot;badgeTitle&quot;&gt;test&lt;/div&gt;&#39; +
    &#39;&lt;div id=&quot;&#39;+ textId+&#39;&quot; class=&quot;badgeDescription&quot;&gt;test&lt;/div&gt;&#39; +
    &#39;&lt;/div&gt;&#39; +
    &#39;&lt;div style=&quot;clear:both&quot;&gt;&lt;/div&gt;&#39; +
    &#39;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#39;;

Is one of these methods generally considered better than the others? I&#39;m not really good with the various profilers so I&#39;m not sure how to verify this myself. There is also the question of how whether or not all of these methods are cross browser compliant.

jQuery - Best Practice for creating complex HTML Fragments

I am working on building a HTML5 video player with a custom interface, but I am having some problems getting the video duration information to display.

My HTML is simple:

    &lt;video id=&quot;video&quot; poster=&quot;image.jpg&quot; controls&gt;     
	    &lt;source src=&quot;video_path.mp4&quot; type=&quot;video/mp4&quot; /&gt;
        &lt;source src=&quot;video_path.ogv&quot; type=&quot;video/ogg&quot; /&gt; 
    &lt;/video&gt;
    &lt;ul class=&quot;controls&quot;&gt; 
    &lt;li class=&quot;time&quot;&gt;&lt;p&gt;&lt;span id=&quot;timer&quot;&gt;0&lt;/span&gt; of &lt;span id=&quot;duration&quot;&gt;0&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;  
    &lt;/ul&gt;

And the javascript I am using to get and insert the duration is

    var duration = $(&#39;#duration&#39;).get(0);
    var vid_duration = Math.round(video.duration);
    duration.firstChild.nodeValue = vid_duration;

The problem is nothing happens. I know the video file has the duration data because if I just use the default controls, it displays fine.

But the real strange thing is if I put alert(duration) in my code like so

    alert(duration);
    var vid_duration = Math.round(video.duration);
    duration.firstChild.nodeValue = vid_duration;

then it works fine (minus the annoying alert that pops up). Any ideas what is happening here or how I can fix it?

 
UPDATE: Ok so although I haven&#39;t solved this problem exactly, but I did figure out a work around that handles my biggest concern... the user experience.

First the video doesn&#39;t begin loading until after the viewer hits the play button, so I am assuming that the duration information wasn&#39;t available to be pulled (I don&#39;t know how to fix this particular issue... although I assume that it would involve just loading the video metadata separately from the video, but I don&#39;t even know if that is possible).

So to get around the fact that there is no duration data, I decided to hide the duration info (and actually the entire control) completely until you hit play.

That said, if anyone knows how to load the video metadata separately from the video file, please share. I think that should completely solve this problem.





Retrieving HTML5 video duration separately from the file

How can I format a float so that it doesn&#39;t contain trailing zeros? In other words, I want the resulting string to be as short as possible.

For example:

    3 -&gt; &quot;3&quot;
    3. -&gt; &quot;3&quot;
    3.0 -&gt; &quot;3&quot;
    3.1 -&gt; &quot;3.1&quot;
    3.14 -&gt; &quot;3.14&quot;
    3.140 -&gt; &quot;3.14&quot;

Formatting floats without trailing zeros

Do you know of any &quot;JSON Beautifier&quot; for JavaScript?

**From**

```json
{&quot;name&quot;:&quot;Steve&quot;,&quot;surname&quot;:&quot;Jobs&quot;,&quot;company&quot;:&quot;Apple&quot;}
```

**To**

```json
{
  &quot;name&quot; : &quot;Steve&quot;,
  &quot;surname&quot; : &quot;Jobs&quot;,
  &quot;company&quot; : &quot;Apple&quot;
}
```

**Example**

```lang-js
some_magic(jsonObj); // return beautified JSON
```

How can I beautify JSON programmatically?

### Wanted

A command line HTML5 beautifier running under Linux.

### Input

Garbled, ugly HTML5 code. Possibly the result of multiple templates. You don&#39;t love it, it doesn&#39;t love you.

### Output

Pure beauty. The code is nicely indented, has enough line breaks, cares for it&#39;s whitespace. Rather than viewing it in a webbrowser, you would like to display the code on your website directly.

### Suspects

- **tidy** does too much (heck, it alters my doctype!), and it doesn&#39;t work well with HTML5. Maybe there is a way to make it cooperate and not alter *anything*?
- **vim** does too little. It only indents. I want the program to add and remove line breaks, and to play with the whitespace inside of tags.

## DEAD OR ALIVE!

Wanted: Command line HTML5 beautifier

I&#39;m curious, whether there is any way to print formatted `numpy.arrays`, e.g., in a way similar to this:

    x = 1.23456
    print &#39;%.3f&#39; % x


If I want to print the `numpy.array` of floats, it prints several decimals, often in &#39;scientific&#39; format, which is rather hard to read even for low-dimensional arrays. However, `numpy.array` apparently has to be printed as a string, i.e., with `%s`. Is there a solution for this? 


How to pretty-print a numpy.array without scientific notation and with given precision?

I know how to do this in other languages, but not in C++, which I am forced to use here.

I have a set of strings (`keywords`) that I&#39;m printing to `out` as a list, and the strings need a comma between them, but not a trailing comma. In Java, for instance, I would use a `StringBuilder` and just delete the comma off the end after I&#39;ve built my string. How can I do it in C++?

    auto iter = keywords.begin();
	for (iter; iter != keywords.end( ); iter++ )
	{
		out &lt;&lt; *iter &lt;&lt; &quot;, &quot;;
	}
	out &lt;&lt; endl;

I initially tried inserting the following block to do it (moving the comma printing here):

    if (iter++ != keywords.end())
        out &lt;&lt; &quot;, &quot;;
    iter--;

Content Type	Original Author	Original Content on Stackoverflow
Question	knorv	View Question on Stackoverflow
Solution 1 - Html	jonjbar	View Answer on Stackoverflow
Solution 2 - Html	Paul Brit	View Answer on Stackoverflow
Solution 3 - Html	zb226	View Answer on Stackoverflow
Solution 4 - Html	Pekka	View Answer on Stackoverflow
Solution 5 - Html	Dave Newton	View Answer on Stackoverflow

A command-line HTML pretty-printer: Making messy HTML readable

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Solution 5 - Html

MySQL: What's the difference between float and double?

Default visibility of class methods in PHP

Attributions