HTML之給網頁增加錨點

[size=medium][b]HTML Anchors with 'name' or 'id'?[/b][/size]

When one wants to refer to some part of a webpage with the

"http://example.com/#foo"

method, should one use

<h1><a name="foo"/>Foo Title</h1>

or

<h1 id="foo">Foo Title</h1>

They both work, but are they equal, or do they have semantic differences?




-----------------------------------------------------------------------------


According to the HTML 5 specification, [url=http://www.w3.org/html/wg/drafts/html/master/browsers.html#scroll-to-fragid]5.9.8 Navigating to a fragment identifier[/url]:

[quote]
For HTML documents (and the text/html MIME type), the following processing model must be followed to determine what the indicated part of the document is.

1. Parse the URL, and let fragid be the <fragment> component of the URL.

2. If fragid is the empty string, then the indicated part of the document is the top of the document.

3. If there is an element in the DOM that has an ID exactly equal to fragid, then the first such element in tree order is the indicated part of the document; stop the algorithm here.

4. If there is an a element in the DOM that has a name attribute whose value is exactly equal to fragid, then the first such element in tree order is the indicated part of the document; stop the algorithm here.

5. Otherwise, there is no indicated part of the document.
[/quote]

[b]So, it will look for id="foo", and then will follow to name="foo"[/b]


Edit: As pointed out by @hsivonen,
in HTML5 the a element has no name attribute. However, the above rules still apply to other named elements.

-----------------------------------------------------------------------------


html-anchors-with-name-or-id

http://stackoverflow.com/questions/484719


-
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章