摘要：依据页面的结构，简化冗余代码，新增了一些语义化标签是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或。
依据页面的结构，简化冗余代码，H5新增了一些语义化标签
header
nav
article
section
aside
footer
address
注意！！！
在不支持Html5的浏览器中，由于浏览器无法识别Html5新增标签，所以默认将这些标签设置为行内元素（display:inline）,为了兼容性，需要：
section, article, aside, footer, header, nav, hgroup { display:block; }
但是上述方法有局限性，比如在IE8以及更早版本，是无法对未知元素进行样式的修饰，因此需要：
figure& figcaption
figure元素是一种元素的组合，带有可选标题，figure元素用来表示网页上一块独立内容，将其从网页上移除后不会对网页上的其他内容产生任何影响，figure元素所表示的内容可以是图片，统计图或代码示例，也可以是音频插件，视频插件，统计表格等。figcaption元素表示figure元素的标题，它从属于figure元素，必须书写在figure元素内部。一个figure元素内最多只允许放置一个figcaption元素，但是允许放置多个其他元素。
details
details元素是一种用于标识该元素内部的子元素可以被展开,收缩显示的元素。details元素内并不仅限于放置文字，也可以放置表单,插件或对于一个统计图提供的详细数据表格。
open
当该属性值为true时，该元素内部的子元素应该被展开显示；当该属性的值为false时，其内部的子元素应该被收缩起来不显示。默认值为false
summary
summary元素从属于details，用鼠标单击summary元素中的内容文字时，details元素中的其他所有从属元素将会展开或收缩。如果details元素内没有summary元素，浏览器会提供默认文字(详细信息)以供单击。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/54536.html
摘要：元素的水平垂直居中利用标签，自带的功能测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试效果效果效果 元素的水平垂直居中 1、利用table标签，自带的功能 .parent{ border: 1px solid red; ...
摘要：最基本的元素选择器比如选择器比如类选择器比如在代码中常常用到，还有一些偶尔用到的兄弟选择器比如子选择器比如通用选择器。显然，关键选择器中类选择器会比标签选择器匹配更少的元素，浏览器能够更快的找到它们并渲染。 常用H5结构标签 在HTML 5中，为了解决文档结构不够清晰、明确，追加了很多跟结构相关的元素。 header元素 header元素是一种具有引导和导航作用的结构元素，通常用来放置...
摘要：最基本的元素选择器比如选择器比如类选择器比如在代码中常常用到，还有一些偶尔用到的兄弟选择器比如子选择器比如通用选择器。显然，关键选择器中类选择器会比标签选择器匹配更少的元素，浏览器能够更快的找到它们并渲染。 常用H5结构标签 在HTML 5中，为了解决文档结构不够清晰、明确，追加了很多跟结构相关的元素。 header元素 header元素是一种具有引导和导航作用的结构元素，通常用来放置...
阅读 2410·2021-11-16 11:44
阅读 848·2021-09-10 11:16
阅读 2223·2019-08-30 15:54
阅读 1039·2019-08-30 15:53
阅读 1892·2019-08-30 13:00
阅读 615·2019-08-29 17:07
阅读 3509·2019-08-29 16:39
阅读 3134·2019-08-29 13:30
