https://github.com/stevemao/javascript-cant-replace-html

Things that you can only do with HTML
https://github.com/stevemao/javascript-cant-replace-html

Last synced: 6 days ago
JSON representation

Things that you can only do with HTML

• Host: GitHub
• URL: https://github.com/stevemao/javascript-cant-replace-html
• Owner: stevemao
• Created: 2016-07-27T06:07:46.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-07-31T02:16:05.000Z (over 8 years ago)
• Last Synced: 2024-11-07T13:53:22.100Z (about 2 months ago)
• Size: 2.93 KB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Since we write a lot of JavaScript now, we tend to write less HTML and css code.

We used to have Ext.js that turns your HTML into something like this:

```html



  


    


      


        


          A clickable link here

        

      

    

  



```


We now have React.js that encourages you to write HTML in your JavaScript. They even build the whole event system. People using JavaScript (EG: form validation) to make sure the HTML has consistent behaviors across different browsers.

It seems like every HTML tag just have some special use agent. For example, an `an` tag is an anchor link. You can click to go to another website. Text is blue with underscore. You could write JavaScript (or/and css) to turn a `
` into ``. Or can you?


*Note:* This list does not include things like calling `createElement()` in your JavaScript, because an `` created by `createElement()` is a real ``.


*Note:* There are other important reasons: semantics, free functionalities, default styles and performance.

## ARIA

No, you can't command your VoiceOver to call a `
` an anchor link. In fact, you can hardly control your VoiceOver in general.


## Context Menu

EG: "Open Link In New Tab". You can't add this to your "right click menu" in JavaScript. No You can't. [You can't even do customize context menu in most browsers](http://caniuse.com/#search=context).

## Search engine

Yes, search engines do run JavaScript now. No they won't treat a `
` with a click event listener the same as an ``. [They will probably ignore the changes made by JavaScript in your `` metadata](http://stackoverflow.com/a/413455/2075423).


## Sync form post

Surprise! [The only way to do a sync form post is through HTML](http://stackoverflow.com/a/133997/2075423). Read more on [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects) and [`HTMLFormElement.submit()`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit).

## ``

This is the only way to have a "browser" inside your website.