html – 标记是默认情况下不显示的常规标记

前端之家收集整理的这篇文章主要介绍了html – 标记是默认情况下不显示的常规标记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我注意到在浏览Chrome的网页时,< head> tag已分配了CSS {display:none;}.

这让我想到了,是< head>标记浏览器决定不显示的常规标记

即使这没有明显的用途,我是否可以使用< cheese>标签代替< head>标记并使用css“cheese {display:none;}”来实现与< head>相同的功能.标签

解决方法

< HEAD>并显示:无

是的,< head> tag是一个常规标签,就像其他任何一个标签一样,默认用户代理样式表有display:none;适用于它.我可以做的很酷的技巧来证明这是为了展示你的风格:

jsFiddle

head,style {
    display:block;
}

为了获得额外的乐趣,您可以在头标记添加contenteditable,以便您可以在页面内编辑页面的样式.

jsFiddle

<奶酪>

至于创建一些像< cheese>这样的随机标签,由于浏览器不期待它,这不能正常工作(可能没有).当您在HTML中执行不在规范中的操作时,可能无法以标准方式处理.

例如,当您尝试在旧版本的IE中使用新的HTML5语义标记(< section>,< nav>,…)时,它们无法识别它们并使页面混乱.引入Modernizr应用一些polyfill来修复它并模拟常规的< div>.

猜你在找的HTML相关文章