Alternative Stylesheet for Acronym: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (Text replacement - "Category:WebDesign" to "Category:Design") |
||
| (12 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
縮寫的 CSS 樣式 | |||
'''Problem''': | '''Problem''': | ||
<nowiki><abbr>(abbreviation, 縮寫)</abbr> and <acronym>(首字母縮略字) </acronym></nowiki> | |||
tags/markup was not work at old version of Mediawiki (v.1.6.9 [http://osdir.com/ml/org.wikimedia.mediawiki.bugs/2004-03/msg00124.html bug]) but abbr tag works in version 1.16.0) | |||
* <ACRONYM title="High Technology">Hi-Tech</ACRONYM> | * <ACRONYM title="High Technology">Hi-Tech</ACRONYM> | ||
* <ABBR title="World Wide Web">WWW</ABBR> | * <ABBR title="World Wide Web">WWW</ABBR> | ||
{{Software version| software=MediaWiki | url=http://www.mediawiki.org/wiki/MediaWiki | version=1.6.9 }} | |||
Alternative Stylesheet | |||
== Solution == | |||
=== Alternative Stylesheet === | |||
* {{Acronym| acronym=Hi-Tech| def=High Technology}} | |||
<pre> | <pre> | ||
| Line 17: | Line 26: | ||
=== Other approach: add link to the wiki node/page === | |||
<span title="Personal Knowledge Management" class="acronym">[[PKM]]</span> | <span title="Personal Knowledge Management" class="acronym" style="cursor: help;border-bottom: 1px dashed #000;">[[Personal Knowledge Management|PKM|]] (?)</span> | ||
<pre> | |||
<span title="Personal Knowledge Management" class="acronym" style="cursor: help;border-bottom: 1px dashed #000;">[[PKM]] (?)</span> | |||
</pre> | |||
=== add link to the wikipedia page === | |||
<span title="Internet Control Message Protocol" class="acronym" style="cursor: help;border-bottom: 1px dashed #000;">[http://zh.wikipedia.org/wiki/ICMP ICMP](?)</span> | |||
further reading | |||
* [http://enable.nat.gov.tw/document/4_2.jsp 使用abbr及acronym標籤表示網頁中呈現的文字縮寫與簡稱不良設計] | * [http://enable.nat.gov.tw/document/4_2.jsp 使用abbr及acronym標籤表示網頁中呈現的文字縮寫與簡稱不良設計] | ||
* Prokop, Marek (2002). [http://www.sovavsiti.cz/css/abbr.html Styling <abbr> in IE] ''July 8, 2006 access'' | * Prokop, Marek (2002). [http://www.sovavsiti.cz/css/abbr.html Styling <abbr> in IE] ''July 8, 2006 access'' | ||
* W3C (1999). [http://www.w3.org/TR/REC-html40/ HTML 4.01 Specification] - [http://www.w3.org/TR/html401/struct/text.html#edef-ABBR 9.2.1 Phrase elements] | |||
[[Category: | [[Category:Design]] [[Category:MediaWiki]] | ||
Latest revision as of 10:32, 16 May 2022
縮寫的 CSS 樣式
Problem:
<abbr>(abbreviation, 縮寫)</abbr> and <acronym>(首字母縮略字) </acronym>
tags/markup was not work at old version of Mediawiki (v.1.6.9 bug) but abbr tag works in version 1.16.0)
- <ACRONYM title="High Technology">Hi-Tech</ACRONYM>
- WWW
| MediaWiki | v.1.6.9 |
Solution[edit]
Alternative Stylesheet[edit]
- Hi-Tech
<span title="High Technology" class="acronym">Hi-Tech</span>
abbr, acronym, span.abbr, span.acronym {
cursor: help;
border-bottom: 1px dashed #000;
}
Other approach: add link to the wiki node/page[edit]
PKM| (?)
<span title="Personal Knowledge Management" class="acronym" style="cursor: help;border-bottom: 1px dashed #000;">[[PKM]] (?)</span>
add link to the wikipedia page[edit]
ICMP(?)
further reading
- 使用abbr及acronym標籤表示網頁中呈現的文字縮寫與簡稱不良設計
- Prokop, Marek (2002). Styling in IE July 8, 2006 access
- W3C (1999). HTML 4.01 Specification - 9.2.1 Phrase elements