StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to guess the REAL title of an HTML document?
primarykey
Id
5018335
data
AcceptedAnswerId
5018498
AnswerCount
3
ClosedDate
CommentCount
7
CommunityOwnedDate
CreationDate
2011-02-16T15:27:32.740
FavoriteCount
0
LastActivityDate
2011-02-16T21:47:04.493
LastEditDate
2011-02-16T17:46:47.767
LastEditorUserId
0
OwnerUserId
619746
ParentId
0
PostTypeId
1
Score
1
ViewCount
227
LastEditorDisplayName
Aryabhatta
text
Body
A lot of people put extremely useless and annoying stuff in their <code><title></code> tags and I'm trying to come up with Javascript code that extracts only the interesting part. For example on a Google search you get this document title: <a href="http://www.google.com/search?q=some+random+search" rel="nofollow">some random search - Google Search</a> The "Google Search" part is redundant, because you already have this information in the domain name (and the favicon). In this example I only want this part: <code>some random search</code> Most site's authors probably use the "dash notation" which looks like this: <code>Site name - Title</code> or <code>Title - Site name</code> But if it was that easy I wouldn't be asking here. ;) There are also some really annoying cases where the title isn't present in the <code><title></code> tag at all. (Oh the irony!) Just have a look at this page from the NY Times: <a href="http://www.nytimes.com/2011/02/16/technology/16internet.html" rel="nofollow">Egypt’s Autocrats Exploited Internet’s Weaknesses - NYTimes.com</a>. Whereas the headline of the article actually is: <code>Egypt Leaders Found ‘Off’ Switch for Internet</code>. What the f***, New York Times? What's the most reliable approach to extract this information under the assumption that we have access to the page's DOM? I think a good starting point would be the <code><h1></code> tag, but it isn't reliable. I imagine that there are a lot of authors who don't use it at all or use it multiple times. Update: The combination of the <code><title></code> and <code><h1></code> content seems reasonable to me. Thanks to all of you who have suggested it. But what if there is no <code><h1></code> tag? I think some (admittedly, bad) authors don't use them and instead just specify the font-size of a <code><div></code> or <code></code>. I'm currently creating my very first browser extension. (Isn't that nice?) It has a feature that let's you save the current tab, so it should work generally and for as many pages as possible. Thanks to all of you! :)
Tags
<javascript><html><title>
Title
How to guess the REAL title of an HTML document?
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USJannes
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POHow to guess the REAL title of an HTML document?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.