html5里面新增的用于网页布局的标签有哪些?

2 02 3 年,我的朋友将学习HTML5 他说,现在网站开发更方便了。
使用标题标签作为标题,使用导航作为导航,使用部分作为主要内容,使用底部的页脚和文章部分。
这些新标签使网页的结构更加清晰。
他尝试了几个项目,效果都不错,并表示他再也不用担心网页布局混乱了。
不过他说,有时候你得修改CSS样式,别管它了,那是个技术活,你能搞清楚。

如何处理html5新标签的浏览器兼容问题

上周我看到一篇关于 HTML5 的文章,非常具有威胁性。

2 02 3 年,HTML5 确实将取代HTML4 和XHTML1 .0。

我做前端的朋友说现在用HTML5 标签,老的IE浏览器识别不了,结构乱。

例如,标签部分在新浏览器中是一个封闭元素。
但在 IE6 、IE7 、IE8 中,它会被视为未损坏的标题而被忽略。
旧版本的 Firefox 处理内联元素。

更多解决方案如下。

它被称为Vshiv,它被添加到标题中并允许IE6 识别新标签。
但是需要添加一行CSS来将标题、导航和文章设置到块中。

还有一个叫KillIE6 ,它放在body之前。
使用JS判断IE版本,然后加载脚本。

Namespacehack 非常酷,添加一个 XML 空间。
例如,,然后使用 <5>。

但这会使 HTML 文档变得复杂,不建议这样做。
防弹技术更好。
在新标签中添加一个div,并使用该div添加样式。
例如,
...


通过这种方式,不同导航器的结构是统一的。
但是看他写JS的时候子节点不一样。

对于 X-UA 兼容,添加 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7 "> 以使用 IE 兼容模式。

最后,作者表示选择Bulletproof技术是因为不需要改动CSS和JS。

我对此进行了一些改进,仍然使用 div,但添加了语义类,例如
...


我觉得HTML5 兼容性是一个非常复杂的问题。

被遗忘。
这取决于你。

HTML5新标签details不起作用

啊,是的,是的,详细信息标签,在那里放一个摘要,在摘要中写一些东西,比如“5 ”。
然后详细放p标签,写第一章,第二章,第三章。
open属性添加后默认展开。
如果不添加,则默认保存。

看看这段代码,2 02 2 年我学的时候,我无法理解为什么有时会扩展有时会关闭。
后来我才知道,开放属性才是关键。
正如你所说,它不是折叠p标签,而是折叠细节。
如果你没有这个摘要标签,浏览器会默认给你一个,比如“详细信息”,这很烦人。

我尝试用某城市本地浏览器打开这段代码,发现确实没有打开就被保存了。
添加 open 将扩展它。
体积不大,就几个p标签,内容也不多,也就几百字。
钱?它不需要任何成本。
可能我有偏见,觉得这个开放属性有点难用。
总之就是这样,细节和总结,开放。