使用者工具

網站工具


computer:web:html

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

兩邊的前次修訂版前次修改
下次修改
前次修改
computer:web:html [2019/04/21 12:26] – [HTML5(待清理)] wmcomputer:web:html [2025/11/06 22:11] (目前版本) – [元件] wm
行 7: 行 7:
   * [[https://github.com/rstacruz/sparkup|Sparkup]]   * [[https://github.com/rstacruz/sparkup|Sparkup]]
   * [[http://joshduck.com/periodic-table.html|Periodic Table of the Elements]]   * [[http://joshduck.com/periodic-table.html|Periodic Table of the Elements]]
 +  * [[https://caninclude.glitch.me/|Can I include a tag to a tag? Based on HTML Spec WHATWG]]
 ====Entity==== ====Entity====
   * [[http://htmlarrows.com/|HTML Arrows]]   * [[http://htmlarrows.com/|HTML Arrows]]
行 17: 行 18:
     * <html><acronym title="High Technology">Hi-Tech</acronym></html>     * <html><acronym title="High Technology">Hi-Tech</acronym></html>
     * Not Supported in HTML5.     * Not Supported in HTML5.
 +  * [[https://www.scottohara.me/blog/2019/05/25/tabindex.html|Tabindex: it rarely pays to be positive]]
 +  * [[https://twitter.com/AmeliasBrain/status/1336037514096697344|Use lang="" if the content language is unknown]]
 ===Meta=== ===Meta===
 +  * [[https://htmlhead.dev|HEAD]]
   * [[https://github.com/whatwg/meta-theme-color|The 'theme-color' meta extension]]   * [[https://github.com/whatwg/meta-theme-color|The 'theme-color' meta extension]]
 ===Heading=== ===Heading===
   * [[https://medium.com/@Heydon/managing-heading-levels-in-design-systems-18be9a746fa3|Managing Heading Levels In Design Systems]]   * [[https://medium.com/@Heydon/managing-heading-levels-in-design-systems-18be9a746fa3|Managing Heading Levels In Design Systems]]
 +  * [[https://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1/|Your logo is an image, not an <h1>]]
 ===Form=== ===Form===
   * [[http://thinkvitamin.com/code/fun-with-html5-forms/|Fun with HTML5 Forms]]   * [[http://thinkvitamin.com/code/fun-with-html5-forms/|Fun with HTML5 Forms]]
行 26: 行 31:
   * [[http://meowni.ca/posts/a-story-about-input/|<input> I ♡ you, but you're bringing me down]]   * [[http://meowni.ca/posts/a-story-about-input/|<input> I ♡ you, but you're bringing me down]]
   * [[http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/|Autofill: What web devs should know, but don’t]]   * [[http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/|Autofill: What web devs should know, but don’t]]
 +  * [[https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html|You can't capture the nuance of my form fields]]
 +  * [[https://denodell.com/blog/html-best-kept-secret-output-tag|HTML’s Best Kept Secret: The <output> Tag]]
 ===Link=== ===Link===
   * [[http://kizu.ru/en/fun/nested-links/|Nested links]]   * [[http://kizu.ru/en/fun/nested-links/|Nested links]]
   * [[https://mathiasbynens.github.io/rel-noopener/|About rel=noopener]]   * [[https://mathiasbynens.github.io/rel-noopener/|About rel=noopener]]
 +  * [[https://shinglyu.com/web/2019/02/09/js_download_as_file.html|Download JavaScript Data as Files on the Client Side]]
 ===Button=== ===Button===
-  * [[https://github.com/timwright12/polybutton|Polybutton]]+  * [[https://ishadeed.com/article/styling-the-good-old-button/|Styling The Good Ol' Button Element]] 
 +  * [[https://axesslab.com/disabled-buttons-suck/|Disabled buttons suck]] 
 +===Image=== 
 +  * [[https://ishadeed.com/article/image-techniques/|Image Techniques On The Web]]
 ===Dialog=== ===Dialog===
 +  * [[https://whistlr.info/2021/in-defence-of-dialog/|In Defence Of Dialog]]
   * [[http://demosthenes.info/blog/957/Native-Modal-Windows-in-HTML5-Using-the-dialog-Element|Native Modal Windows in HTML5: Using the dialog Element]]   * [[http://demosthenes.info/blog/957/Native-Modal-Windows-in-HTML5-Using-the-dialog-Element|Native Modal Windows in HTML5: Using the dialog Element]]
 ===Script=== ===Script===
行 63: 行 75:
   * [[https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document|Sections and Outlines of an HTML5 Document]]   * [[https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document|Sections and Outlines of an HTML5 Document]]
 ====技巧==== ====技巧====
 +  * [[https://css-tricks.com/how-to-section-your-html/|How to Section Your HTML]]
   * [[http://stackoverflow.com/questions/2544711/coding-styles-for-html|Coding styles for HTML]]   * [[http://stackoverflow.com/questions/2544711/coding-styles-for-html|Coding styles for HTML]]
   * [[http://uxmovement.com/forms/why-your-form-buttons-should-never-say-submit|Why Your Form Buttons Should Never Say Submit]]   * [[http://uxmovement.com/forms/why-your-form-buttons-should-never-say-submit|Why Your Form Buttons Should Never Say Submit]]
computer/web/html.1555849617.txt.gz · 上一次變更: 2019/04/21 12:26 由 wm