Add additional HTML Tags & Attributes code hints

[coliff]

It'd be great to see Brackets add to the provided HTML tags and attributes code hints such as the following:

HTML5 Tags
*Picture (Responsive Images)
*Template (Web Components)

HTML5 Attributes
*Autocorrect
*Autocapitalize
*Inputmode
*Itemscope, Itemtype, Itemprop (Schema.org)

HTML5 Attribute Options
*Audio ("buffered", "played")
*Autocomplete ("billing", "cc-name", "cc-number", "cc-css", "cc-exp-month", "cc-exp-year", "cc-type", "country", "email", "name", "postal-code", "region", "shipping", "street-address", "tel", "url")
*Img ("srcset")
*Input ("autocorrect")
*Link/rel ("import")
*Meta/name ("format-detection", "robots", "viewport")
*Textarea ("Autocorrect", "Autocapitalize")
*Video ("buffered", "crossorigin")

For the time being I have created a Brackets Extension which adds all of the above (along with some HTML 4 tags which many developers find useful) which is available now via the Brackets Extensions Manager.

[le717]

@coliff The HTML tag and attributes code hints are in src/extensions/default/HTMLCodeHints/HtmlTags.json Pull requests are always welcome, and personally I'd like to see a few of the attributes in this list in the code hints myself. :)

[coliff]

Hi @le717 - thanks for the reply. I wasn't sure if the Brackets team would agree to all of the above or if I should do separate pull requests for them.

For now I made a quick PR for the

element as that is common and I see no reason why they don't add that right away.

[coliff]

UPDATE: My Pull Request for < main > has been accepted and merged today :-)
Also, I've updated the Textarea attributes. Removed 'Spellcheck' (is already present in shipping version of Bracket) and added Autocorrect and Autocapitalize attributes.

[redmunds]

@coliff As I stated here, we're not quite ready to take these changes. We'd like to see the new tag/attributes/values in the W3C spec -- at least in an editor's draft.

We could also accept them if we saw 50% browser implementation as reported by caniuse.com, For example, srcset looks like it we be there soon: http://caniuse.com/#feat=srcset

It's nice to know that users can install your More HTML5 Code Hints extension until then. Closing.

[coliff]

Hi @redmunds - now several months have passed, can you please re-consider adding srcset now? Now that it is in iOS 8 (and soon OS X 10.10) It has more than 50% browser implementation now and is a very useful element.

I'd also love to see the template tag included in Brackets as standard. It's already in every browser (except IE) http://caniuse.com/#search=template - so certainly worth adding.

[redmunds]

@coliff We're hoping that next release of Brackets will be 1.0, so team is focused on that. But, we should be ready for those updates in a month or so. Thanks for keeping on us about it!

[coliff]

Hi @redmunds. Another friendly reminder :-) Can we see if we can get some of these added?
The two most important/popular ones to add would be:
img srcset (for responsive images). http://caniuse.com/#search=srcset
template (for web components) http://caniuse.com/#search=template

(To add support for selecting an image with img srcset we'd also want to add the 'srcset' to the data.json file at: www\extensions\default\UrlCodeHints).

[redmunds]

@coliff I haven't heard anyone argue against accepting these changes, so I'll merge them for 1.3 after 1.2 is relased.

Is PR #9669 still valid? If not, then close it and add a new one. Otherwise, then add the update for UrlCodeHints.