发表新帖
发表新帖

What's stopping me from using arbitrary tags in HTML?

前端 未结
关注
7 867
礼貌的吻别
礼貌的吻别 2021-01-11 15:36

Even the new HTML5 tags aren\'t enough to describe structures without falling back to divs. What\'s stopping me from changing:



        

                      

              相关标签:
7条回答
  • 余生分开走
    2021-01-11 16:20

    One reason is that Internet Explorer (and earlier versions of Firefox) don't have a fallback for tags that are not defined and wind up ignoring them for both styling and nesting. Without a shiv, your site will break horribly in those browsers.

    0 讨论(0)
  • 一整个雨季
    2021-01-11 16:24

    getElementsByTagName fails me with custom tags. Example,

    <acme:mytag id="mytag">
    <div id ="x">x</div>
    <div id ="y">y</div>
    <div id ="z">z</div>
</acme:mytag>

    This fails with IE8 (Quirks Mode or Standard Mode)

    var mytag = document.getElementById('mytag'); // it's found
var mydivs = mytag.getElementsByTagName ('div'); // but this is always 0

    Unless your html tag reads

    <html XMLNS:acme>
...
</html>
    0 讨论(0)
  • 感情败类
    2021-01-11 16:28

    What is the goal of the tags you chose? If your goal is to present information, then using divs and other presentation-oriented structures is great. Your tags look more like they are attempting to describe the actual data. If that is the case, then XML with XSLT transforms on the server side to output HTML for presentation markup is best. Remember that a browser is simply a rendering engine and it uses the HTML spec as it's blueprint of what to render for a given site. The browser doesn't need to understand the information like a "post" or "userInfo" because it has no context for undertsanding what to do from a rendering perspective with that information. CSS can help a browser understand what you want to do visually but ask yourself first whats the goal of having your markup that way, to store your data (XML-style) or to present it. If to present it, then you should go with the standards if you want to continue to use a browser as your rendering engine. Good luck, would be great if we could all define our presentation schemes though, fun idea!

    0 讨论(0)
  • 暖寄归人
    2021-01-11 16:29

    Good news

    • Nothing is stopping you
      Use as many custom tags as you like, browsers will know what you mean. Not just the modern ones but IE7+ too.
    • No default look
      Browsers will treat your tag as unknown and apply no default style to it. No weird margins, paddings, no surprises across clients and platforms. The display property is not implied either so give it a value, but after that, everything is as usual. DOM contains your node, querySelector works, styles apply, etc.
    • Super readable
      You'll love the new look of your HTML source.

    Things to consider

    1. Self-closing or not - to make your tag self-closing, use the good old <something/> format, as you would with <br/> for example. It's important, otherwise browsers go look for the closing tag. I mean, how could they not.

    2. Future collisions - that's the only good point from custom tag skeptics: just as we have a lot of new tags in HTML5, it's a possibility that you name a tag "icon" and it will mean something in the next HTML standard, even with a bunch of rendering defaults, and that can mess your page up badly. So I'd say, if you want to be on the safe side, use <dashed-names> for your tags, they will never ever mess with dashed tag names thanks to the naming of Web Components. Also check out § 4.13 in HTML standard itself.

    3. Blame magnet effect - seriously, that's an issue with custom tags, I've been down this road. Use custom tags only if everyone working on the same project is on board with it. Otherwise, whenever something breaks it will be your fault "because of your stupid custom tags", and you'll have to change every instance to the usual <div class="gurgleburgle">, only to find later that the real issue was totally unrelated.

    TLDR:

        <custom-tags> Yes you can use them </custom-tags>
    0 讨论(0)
  • 無奈伤痛
    2021-01-11 16:30

    Most browsers will just treat the tags as arbitrary (like how old browsers treat HTML5 tags). Nothing is stopping you from using your own tags, but it's not a well-accepted way to code HTML. HTML is supposed to use pre-defined tags.

    If you're interested in coding with arbitrary tags, you could just go with XML. You can format XML with XSLT (used in a way similar to stylesheets, but much more powerful). Have a look here: http://www.w3schools.com/xml/xml_xsl.asp

    0 讨论(0)
  • 慢半拍i
    2021-01-11 16:30

    The issue is that it would not validate and the new tags would simply be ignored.

    0 讨论(0)
 看不清?
提交回复
热议问题