semantic-markup

Style a definitition list as simple key value set

I'd like to use a definition list as simple as: <dl> <dt>name:</dt> <dd>Tomas</dd> <dt>address:</dt> <dd>this is a very long wrapping address</dd> <dt>age:<dt> <dd>29</dd> <dl> to render something like: name: Tomas address: this is a very long wrapping address age: 29 The definition list seems semantically the best op...

Use of profile attribute in HTML head tag

What is the use of profile attributes in the HTML head tag? I never happens to use it. For what purpose is it used? I happen to read about it in the following link http://www.w3schools.com/tags/tag_head.asp. Either I could not understand it from http://www.w3.org/2002/12/namespace since it is too technical (for me). ...

What is real purpose of ismap attribute in img tag?

Never used ismap attribute in image tag ever. Referred http://www.w3schools.com/tags/tag_img.asp and it says Specifies an image as a server-side image-map. Rarely used. Look at usemap instead Since I'm a front end web developer, I may not have opportunity to use it. Could any serverside guys please shed some light on it? ...

What is the purpose of onclick event for noscript tag?

After reading http://www.w3schools.com/tags/tag_noscript.asp confused about onclick event on noscript tag. Anybody knows the purpose? If there is no purpose, why the hell they keep it? Thanks for any answers in advance. ...

Semantic HTML5. Back to the 1990s?

I am taking a peek at Dive Into HTML5. It seems nice and interesting, but I am puzzled. In the 1990s, at the time when Netscape was the browser and HTML was HTML2 or HTML3, there were a lot of tags: address, cite, code... Most of them are unused as of today, probably even obsolete. HTML5 introduces tags to express "semantic meaning" t...

What html markups to use for displaying label/value data ?

I want to render a profile user container that contains a list of labels and their associated values. Here is an excerpt of information and layout I'd like to display: First Name.......MyName Age...................MyAge email................MyEmail I know that there are tons of examples available but the problem is that it seems tha...

What is Logically and semantically correct, A-grade browsers compatible and W3C valid way to clear float?

What is Logically correct and W3C valid way to clear float? zoom:1 is not valid by W3C and IE8 don't have hash layout problem overflow:hidden and overflow:hidden were not made to do this,as the spec intended overflow to be used <div class="clear"/> is not semantically correct and i don't want to add extra markup. clearfix hack generat...

Google Semantic results question

http://www.google.co.uk/search?q=mark+zuckerberg+crunchbase Guys, check out that search, in particular the first result's url. Crunchbase.com > People, and thus the people links to the /people section of the site. How are they achieving it? I know Google algorithm is intelligent and looks for links and then makes the assumptions itself...

Semantic markup for complex or nested HTML tables?

I want to know the best way to mark up tabular data on a web page when data rows contain complex data that can't fit within a single table row. Here's a concrete example. The first line has a list of extra information attached to it about arms and legs. Shadrach M Banana 12 Arms Blue 2 Legs Yellow 3 Meshgah M Apple ...

how to tag a photo to be used as a thumbnail when page is linked to on facebook

When a person posts a link on facebook, facebook automatically finds a photo to be used as a thumbnail that shows up in the news feed. Is there some sort of (html) markup to surround a photo you'd like to use as the first choice? ...

Datalist displayed like a table

How can i achieve this layout (now its done with tables) and still have semantic markup, i guess the best suited tag for this would be dl. Every cell must have the height of their row. EDIT: the left column contains the description and the right the data. So i don't think this is well suited for tables. It would be if i would move the d...

Is <dl> element from XHTML 1.0 adapted to display a resource tag list or a subscription feed ?

I wonder if the <dl> element from XHTML 1.0 is semantically valid to display a resource tag list, like that: <dl> <dt>Tags</dt> <dd><a href="">Lorem</a></dd> <dd><a href="">Ipsum</a></dd> <dd><a href="">Dolor</a></dd> </dl> Or with a subscription feed, as the code bellow shows: <dl> <dt>Feeds</dt> <dd><a href=...

What tag should be used for short text like "back to top" , "Read more" etc?

What tag should be used for short text like. Back to top Read more is <p> appropirate or something else should be use. because these are not paragraph. Which is more semantic <p><a href="#mainWrapper">Back to top</a></p> or <a href="#mainWrapper">Back to top</a> or <div><a href="#mainWrapper">Back to top</a></div> ...

Training set - proportion of pos / neg / neutral sentences

Hello, I am hand tagging twitter messages as Positive, Negative, Neutral. I am try to appreciate is there some logic one can use to identify of the training set what proportion of message should be positive / negative and neutral ? So for e.g. if I am training a Naive Bayes classifier with 1000 twitter messages should the proportion o...

CSS/HTML: What is the correct way to make text italic?

This is not a noob question! What is the correct way to make text italic? It seems to me that we have the following options available to us when making text italic: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> The first example uses the old way. <i> has no se...

What tag should be used to make Form layout if we can't use only pure semantic way?

i know it is pure semantic way <form action="" method=""> <fieldset> <legend>Contact Form</legend> <label for="name">Name</label> <input name="name" id="name" size="20" /> </fieldset> <form> But some time for some design purpose it's not sufficient to get needed style. so my qu...

Does it matter <strong> in <em> or <em> in <strong>?

Does it matter <strong> in <em> <p><strong><em>Some text</em></strong></p> or <em> in <strong>? <p><em><strong>Some text</strong></em></p> Which is semantically correct and more accessible? Update: How screen reader would behave in both situation? ...

How semantic X/HTML can save time when we will write CSS?

How Semantic X/HTML mark-up can save time - when we will write CSS for website and if any design changes comes from client in future. And why Table based layouts will take more time always in both condition Today I've to Explain these thing to students. I've some example but I want some more good example and ideas to explain nicel...

Is it useful to #container, #Wrapper in every CSS layout?

Is it useful to add whole code in #container, #Wrapper in every CSS layout? Can't we make layout without this extra div ? What are pros and cons to use this extra div? Is it good practice ? Is it useful for any type of design/layout? Is it semantically correct? ...

What are practical cons to use W3C valid presentational element, which are not listed as deprecated?

What are practical cons to use W3C valid presentational element, which are not listed as deprecated for XHTML-CSS developers, Sighted End users of site, and for Screen reader users, ? like <b> , <i>, <br>, <hr>, <small> If i use these tags for presentational purpose. (note: these are also supported in HTML 5) for example: If i use...