ABOUT ANCHORS, CURRENT STATE OF TECHNO, HTML AND CSS
See php/Anchors for DOC on new poor use of anchors in new (GU) web page styles
with tabs but often bookmarks don't save which tabs are open.
Cover:
1) css ::target, which allows you to use css to format differently any
html tags picked out by url #anchortag in current URL for the page.
2) How .. is currently rendered by browsers.
3) How anchors are now mainly addressed in new HTML:
by any tag with id=anchortag
4) The anchor part (#slid) of a url is not sent to server, but held in the browser.
So PHP server won't see it: just not sent.
(Could of course create a var with it in that is sent from a form.)
But can set them in JS: and edit a form's 'ACTION' to include them dynamically.
CODE TO PLANT (cliche) FOR USING IDs not
This uses id=; and it plants a small-font live version of a link to itself;
so you can see where you already have anchors; and copy links to them.
E.G. of code to plant:
NAMES that confuse
Really this functionality should be called bookmarks, because it is all about
putting own a mark in a web doc, just so the reader can jump to it when they
want. But a lot of diff. tech terms are used.
I will use 'placemarker' or 'PM' here.
target, hash, fragment, anchor, hash -- all really are bookmarks
CSS "target": ": target {" is the selector, (type pseudo-class)
for doing diff. css style to mark out the current placemarker.
HTML :"anchor tag" ..
Specifies the name of an anchor.
Originally, apparently, they say a "link" has two ends called
"anchors" (source and destination).
newHTML:"id"
URI: "Fragment identifier". They call it a "fragment identifier". It is the
optional last part of a URL.
JS: "hash" as in "window.location.hash = '#place3';" will jump-scroll there.
xxx: "anchor" moodle?
EXTENSIONS to URI standards
https://en.wikipedia.org/wiki/Fragment_identifier
Apparently there are standards specifying particular extensions for fragment
identifiers of special mime types
(so that you don't have to insert anchors into the doc separately). E.g.s:
#row-4, col=2, row=5,7 (.csv docs)
#line=10,20 (.txt docs)
#t=10,20 (video and audio docs)
#t=3m25s (youtube)
#page=35 (PDF)
#nameddest=anchor (PDF)
#search="word1 word2" (PDF)
MY FANCY FLASHING ANIMATION TO PICK OUT THE SECTION THE ANCHOR POINTS TO
1) Must use id=anchorname not
(or this particular syntax:
)
2) For animation flash to work, the construct must have some text inside (not
an empty
3) Need (not only) css1 include:
4) But also need a javascript include:
FULL RECIPE FOR HAVING AN ANCHOR TO PART OF A PAGE.
Currently, myNewWave/mhealth.html page is best demo of anchor use with thumbnails.
rap/ shows it without thumbnails, but just for headings.
Currently, xx is best demo of more general anchor use: use it for a whole DIV
Should find a CSS way to guide the animation from header to next header?
[Best recipe is currently at the end of DOCthumbnail, for thumbnails including
having an anchor.]
A] Have these includes in :
B] For getting flashing animation to work just on a title (not section)