Put it inside your `&lt;footer&gt;` by all means, but the most fitting element is [the small element](http://www.w3.org/TR/html5/text-level-semantics.html#the-small-element).

The HTML5 spec for this says:

&gt; Small print typically features
&gt; disclaimers, caveats, legal
&gt; restrictions, or copyrights. Small
&gt; print is also sometimes used for
&gt; attribution, or for satisfying
&gt; licensing requirements.

it is better to include it in a `&lt;small&gt;` tag 
The HTML `&lt;small&gt;` tag is used for specifying small print.

Small print (also referred to as &quot;fine print&quot; or &quot;mouseprint&quot;) usually refers to the part of a document that contains disclaimers, caveats, or legal restrictions, such as copyrights.
And this tag is supported in all major browsers.


    &lt;footer&gt;
     &lt;small&gt;&amp;copy; Copyright 2058, Example Corporation&lt;/small&gt;
    &lt;/footer&gt;



The [`&lt;footer&gt;`][1] tag seems like a good candidate:

    &lt;footer&gt;&amp;copy; 2011 Some copyright message&lt;/footer&gt;


  [1]: http://dev.w3.org/html5/markup/footer.html

In a link, if you put rel=license it:
Indicates that the main content of the current document is covered by the copyright license described by the referenced document.
Source: http://www.w3.org/wiki/HTML/Elements/link

So, for example, `&lt;a rel=&quot;license&quot; href=&quot;https://creativecommons.org/licenses/by/4.0/&quot;&gt;Copyrighted but you can use what&#39;s here as long as you credit me&lt;/a&gt;` gives a human something to read and lets computers know that the rest of the page is licensed under the CC BY 4.0 license.

I&#39;m currently following Steve Yegge&#39;s advice on preparing for a technical programming interview: http://steve-yegge.blogspot.com/2008/03/get-that-job-at-google.html

In his section on Graphs, he states:

&gt; There are three basic ways to
&gt; represent a graph in memory (objects
&gt; and pointers, matrix, and adjacency
&gt; list), and you should familiarize
&gt; yourself with each representation and
&gt; its pros and cons.

The pros and cons of matrix and adjacency list representations are described in CLRS, but I haven&#39;t been able to find a resource that compares these to an object representation. 

Just by thinking about it, I can infer some of this myself, but I&#39;d like to make sure I haven&#39;t missed something important. If someone could describe this comprehensively, or point me to a resource which does so, I would greatly appreciate it.


Comparing object graph representation to adjacency list and matrix representations

I have a `&lt;select&gt;` element with the `multiple` attribute. How can I get this element&#39;s selected values using JavaScript? 

Here&#39;s what I&#39;m trying:

    function loopSelected() { 
        var txtSelectedValuesObj = document.getElementById(&#39;txtSelectedValues&#39;);
        var selectedArray = new Array();
        var selObj = document.getElementById(&#39;slct&#39;); 
        var i;
        var count = 0;
        for (i=0; i&lt;selObj.options.length; i++) { 
            if (selObj.options[i].selected) {
                selectedArray[count] = selObj.options[i].value;
                count++; 
            } 
        } 
        txtSelectedValuesObj.value = selectedArray;
    }

How to get all selected values of a multiple select box?

What would be the best and most semantic tag/method for including a copyright notice in the footer of a web site?



Correct Semantic tag for copyright info - html5

<p>What would be the best and most semantic tag/method for including a copyright notice in the footer of a web site?</p>


I&#39;d like to know if the POST method on HTTP sends data as a QueryString, or if it use a special structure to pass the data to the server. 

In fact, when I analyze the communication with POST method from client to server (with Fiddler for example), I don&#39;t see any QueryString, but a Form Body context with the name/value pairs.

Do HTTP POST methods send data as a QueryString?

I&#39;m just messing around with some HTML5, and I was trying to center a video on the page. For some reason I can&#39;t get it to center. I&#39;ve tried to add a class to the video tag itself, and I&#39;ve wrapped the video in a separate `div`. However, the video stays on the left.

    &lt;!DOCTYPE HTML&gt;
    &lt;html&gt;
      &lt;head&gt;
        &lt;title&gt;Test&lt;/title&gt;
        &lt;script type=&quot;text/css&quot;&gt;
        .center {
          margin: 0 auto;
        }
        &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div class=&quot;center&quot;&gt;
          &lt;video controls=&quot;controls&quot;&gt;
            &lt;source src=&quot;/media/MVI_2563.ogg&quot; type=&quot;video/ogg&quot; /&gt;
            Your browser does not support the video tag.
          &lt;/video&gt;
        &lt;/div&gt;
      &lt;/body&gt;
    &lt;/html&gt;

I know this must be something I&#39;m overlooking in the wee hours of the morning, but any help would be appreciated. 

Thanks

How to center HTML5 Videos?

I am trying to download image from web page.
  I am trying to download the image from &#39;http://www.yahoo.com&#39; home page.
  Please tell me how to pass &#39;http://www.yahoo.com&#39; as a input.
  And on opening this web page how to fetch image from this page.
  Please give me java code to fetch the image from web page.

  

how to download image from any web page in java

What is the best approach for creating elements on the fly and being able to move them around? For example, let&#39;s say I want to create a rectangle, circle and polygon and then select those objects and move them around.

I understand that HTML5 provides three elements that can make this possible: [svg][1], [canvas][2] and [div][3]. For what I want to do, which one of those elements will provide the best performance?

To compare these approaches, I was thinking of creating three visually identical web pages that each have a header, footer, widget and text content in them. The widget in the first page would be created entirely with the `canvas` element, the second entirely with the `svg` element, and the third with the plain `div` element, HTML and CSS.

  [1]: http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#svg
  [2]: http://www.w3.org/TR/2014/REC-html5-20141028/scripting-1.html#the-canvas-element
  [3]: http://www.w3.org/TR/2014/REC-html5-20141028/grouping-content.html#the-div-element

HTML5 Canvas vs. SVG vs. div

I have this class on CSS :

    .mgmtError{ 
      width:716px; 
      float:left; 
      background-color:#FF0000; 
      padding:10px; 
      text-align:center;
    } 

and I&#39;d like to color the background not in the padding area. 
I tryed with margin, but seems that it have some troubles with IE.

Any others solution?

How to background a div without the padding area

Hi all it&#39;s been a while since I&#39;ve asked something, this is something that has been bothering me for a while, the question itself is in the title:

&gt; What&#39;s your preferred way of writing HTML tables that have vertical headers?

By vertical header I mean that the table has the header (`&lt;th&gt;`) tag on the left side (generally)

&gt; **Header 1** data data data  
**Header 2** data data data  
**Header 3** data data data

They look like this, so far I&#39;ve come up with two options

First Option
------------
&lt;pre&gt;
   &lt;code&gt;
    &amp;lt;table id=&quot;vertical-1&quot;&amp;gt;
			&amp;lt;caption&amp;gt;First Way&amp;lt;/caption&amp;gt;
			&amp;lt;tr&amp;gt;
				&amp;lt;th&amp;gt;Header 1&amp;lt;/th&amp;gt;
				&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
			&amp;lt;/tr&amp;gt;
			&amp;lt;tr&amp;gt;
				&amp;lt;th&amp;gt;Header 2&amp;lt;/th&amp;gt;
				&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
			&amp;lt;/tr&amp;gt;
			&amp;lt;tr&amp;gt;
				&amp;lt;th&amp;gt;Header 2&amp;lt;/th&amp;gt;
				&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
			&amp;lt;/tr&amp;gt;
		&amp;lt;/table&amp;gt;
   &lt;/code&gt;
&lt;/pre&gt;

The main advantage of this way is that you have the headers right (actually left) next to the data it represents, what I don&#39;t like however is that the `&lt;thead&gt;`, `&lt;tbody&gt;` and `&lt;tfoot&gt;` tags are missing, and there&#39;s no way to include them without breaking the nicelly placed together elements, which lead me to the second option.

Second Option
-------------
&lt;pre&gt;
   &lt;code&gt;
        &amp;lt;style type=&quot;text/css&quot;&amp;gt;
			#vertical-2 thead,#vertical-2 tbody{
				display:inline-block;
			}
			
		&amp;lt;/style&amp;gt;
		&amp;lt;table id=&quot;vertical-2&quot;&amp;gt;
			&amp;lt;caption&amp;gt;Second Way&amp;lt;/caption&amp;gt;
			&amp;lt;thead&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;th colspan=&quot;3&quot;&amp;gt;Header 1&amp;lt;/th&amp;gt;
				&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;th colspan=&quot;3&quot;&amp;gt;Header 2&amp;lt;/th&amp;gt;
				&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;th colspan=&quot;3&quot;&amp;gt;Header 3&amp;lt;/th&amp;gt;
				&amp;lt;/tr&amp;gt;
			&amp;lt;/thead&amp;gt;
			&amp;lt;tbody&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;td&amp;gt;row 1&amp;lt;/td&amp;gt;
					&amp;lt;td&amp;gt;row 1&amp;lt;/td&amp;gt;
					&amp;lt;td&amp;gt;row 1&amp;lt;/td&amp;gt;
				&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
					&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
					&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
				&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
					&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
					&amp;lt;td&amp;gt;data&amp;lt;/td&amp;gt;
				&amp;lt;/tr&amp;gt;
			&amp;lt;/tbody&amp;gt;
			&amp;lt;tfoot&amp;gt;
				&amp;lt;tr&amp;gt;
					&amp;lt;td colspan=&quot;4&quot;&amp;gt;Footer&amp;lt;/td&amp;gt;
				&amp;lt;/tr&amp;gt;
			&amp;lt;/tfoot&amp;gt;
		&amp;lt;/table&amp;gt;
   &lt;/code&gt;
&lt;/pre&gt;
The main advantage here is that you have a fully descriptive html table, the drawbacks are that proper representation needs a bit of CSS for the `tbody` and `thead` tags and that the relation between the headers and data isn&#39;t very clear as I had my doubts when creating the markup.


----------
So, both ways render the table how it should, here a pitcure:

![render][1]   
With the headers on the left or right side if you would prefer it, so, any suggestions, alternatives, browser issues?


  [1]: http://i.stack.imgur.com/s0YDr.png

Most common way of writing a HTML table with vertical headers?

`input type=&quot;submit&quot;` and `button` tag are they interchangeable? or if there is any difference then When to use `input type=&quot;submit&quot;` and when `button` ?

And if there is no difference then why we have 2 tags for same purpose?

input type=&quot;submit&quot; Vs button tag are they interchangeable?

For example of a blog-post or article.

    &lt;article&gt;
    &lt;h1&gt;header&lt;h1&gt;
    &lt;time&gt;09-02-2011&lt;/time&gt;
    &lt;author&gt;John&lt;/author&gt;
    My article....
    &lt;/article&gt;

The `author` tag doesn&#39;t exist though... So what is the commonly used HTML5 tag for authors?
Thanks.

(If there isn&#39;t, shouldn&#39;t there be one?)

Which HTML5 tag should I use to mark up an author’s name?

Which of the following is the correct way to structure a page:

**1) `h1` only in `header`**

    &lt;header&gt;
    	&lt;h1&gt;Site title&lt;/h1&gt;
    	&lt;nav&gt;...&lt;/nav&gt;
    &lt;/header&gt;
    &lt;section&gt;
    	&lt;h2&gt;Page title&lt;/h2&gt;
    &lt;/section&gt;

If I use `h1` exclusively inside `header` as the site&#39;s title, every page will have the same content for the `h1` tag. That doesn&#39;t seem very informative.


----------


**2) `h1` in `header` and `section`, for both site and page title**

    &lt;header&gt;
    	&lt;h1&gt;Site title&lt;/h1&gt;
    	&lt;nav&gt;...&lt;/nav&gt;
    &lt;/header&gt;
    &lt;section&gt;
    	&lt;h1&gt;Page title&lt;/h1&gt;
    &lt;/section&gt;

I&#39;ve also seen examples of using `h1` more than once, in both `header` and `section` tags. However, isn&#39;t it wrong to have two titles for the same page? This example shows multiple header and `h1` tags http://orderedlist.com/resources/html-css/structural-tags-in-html5/


----------


**3) `h1` only in `section`, emphasizing the page title**

    &lt;header&gt;
    	&lt;p&gt;Site title&lt;/p&gt;
    	&lt;nav&gt;...&lt;/nav&gt;
    &lt;/header&gt;
    &lt;section&gt;
    	&lt;h1&gt;Page title&lt;/h1&gt;
    &lt;/section&gt;

Lastly, W3 seems to recommend using `h1` within the main `section` element, does that mean I shouldn&#39;t use it in the `header` element?

&gt; Sections may contain headings of any rank, but authors are strongly
&gt; encouraged to either use only h1 elements, or to use elements of the
&gt; appropriate rank for the section&#39;s nesting level.



How to properly use h1 in HTML5

I&#39;m setting up my WordPress sidebars for an HTML5 theme and really wanting to use `before_widget` and `after_widget` right.

So my question is this: which of the two markup patterns is more appropriate? The following code is all completely outside the `&lt;article&gt;` element.

##Option 1: Aside with sections##

    &lt;aside id=&quot;sidebar&quot;&gt;
        &lt;section id=&quot;widget_1&quot;&gt;&lt;/section&gt;
        &lt;section id=&quot;widget_2&quot;&gt;&lt;/section&gt;
        &lt;section id=&quot;widget_3&quot;&gt;&lt;/section&gt;
    &lt;/aside&gt;

##Option 2: Div with Asides##

    &lt;div id=&quot;sidebar&quot;&gt;
        &lt;aside id=&quot;widget_1&quot;&gt;&lt;/aside&gt;
        &lt;aside id=&quot;widget_1&quot;&gt;&lt;/aside &gt;
        &lt;aside id=&quot;widget_1&quot;&gt;&lt;/aside &gt;
    &lt;/div&gt;

I suppose the auxiliary question is then what heading to use for each widget title. If I wrap each widget in a `&lt;section&gt;` then `&lt;h1&gt;` seems most appropriate. If I use `&lt;aside&gt;`, I&#39;m not sure.

All opinions welcome. Devil&#39;s advocates encouraged.

Content Type	Original Author	Original Content on Stackoverflow
Question	David	View Question on Stackoverflow
Solution 1 - Html	Alohci	View Answer on Stackoverflow
Solution 2 - Html	Rami Sarieddine	View Answer on Stackoverflow
Solution 3 - Html	Darin Dimitrov	View Answer on Stackoverflow
Solution 4 - Html	Bart	View Answer on Stackoverflow

Correct Semantic tag for copyright info - html5

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

How to get all selected values of a multiple select box?

Comparing object graph representation to adjacency list and matrix representations

Attributions