html5有display的简单介绍

跟HTML相比,HTML5新增了哪些新特性?

丰富的交互方式。提升互动能力：拖拽、撤销历史操作、文本选择等。开发及维护成本低，这个相对于原生APP开发来说。更低的开发及维护成本；？使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低。

与html相比，HTML5拥有强大的的新功能 （1）强大的绘图功能 可能有些动画，或者图片，在html5可以通过强大的绘画功能，加上JS可以实现。而在html0却不行。

HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。

html5是对html的第五次重大修改。html5继承了html所有的语法，所以html5与html的差异是以下这些html5的新特性：语义特性 HTML5赋予网页更好的意义和结构。

相关问答

Q1: html5中的结构性标签怎么使用

1、html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少，而是说更合理更清晰的用html标签表达出网页的结构。

2、！DOCTYPE不像一般的代码，它没有自己的结束样式。只需要在开头的时候进行一下定义就行了。HTML a 标签，这是一个特殊的用在网页中的链接上的标签。它有着自己固定的三大属性，这主要表现在以下的方面。

3、那就是使用 del 标签了。

4、section 标签，从语义化上看为部分，其用法如下：用于页面内容的独立分块，往往是文章的一段 通常由内容和标题组成，没有标题的内容不推荐使用 section 使用频率低，强调分段分块。

5、section、aside：分别是定义节(如章节/页眉) 和定义某内容之外的内容(类似题外话的意思)。比起在HTML5以前的版本，这些标签都是对页面更细致的设置。

6、HTML5中新增了header、footer、nav、section、article、aside、figure 多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能，很容易混淆。

Q2: HTML5中“style=“display:none””的作用

style=display：nonestyle是规定元素的样式，后面的display：none是他的值；display是规定元素生成框的类型（可以理解为显示方式），后面的none是他的值，意思是不显示。总的来说，这段代码，会导致他后面的所有内容都不显示。

div class= style=display：none意思是div隐藏如果display：block就是显示。style表示设置div的样式 display用于设置某标签的显示状态，取值有三种：none：表示不显示，即隐藏。

js style.display是清除屏幕显示样式，使用默认值。style.display=none ，none是指代某一个代码，将这个代码进行隐藏，并没有删除操作。用法不同。

none 此元素不会被显示。block 此元素将显示为块级元素，此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block 行内块元素。

Q3: html5有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问...

1、离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。音频视频自由嵌入，多媒体形式更为灵活。地理定位。

2、HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。

3、还有一方面是HTML5还不是很成熟，取决于浏览器的支持程度。至于HTML5的新特性，有若干点，比如说其中的canvas绘图，新增的api包括：canvas，geolocation ，websocket ， webstorage 还有新增的若干标签，如video，audio标签。

4、增强型表单 多个新的表单 Input 输入类型，如：color，url，date等 这些新特性提供了更好的输入控制和验证。新增表单元素，如：output，用于用于不同类型的输出，比如计算或脚本输出。

5、语义特性（Class：Semantic）HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

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

处理兼容问题有两种方式：IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。

最简单的解决办法就是，你多更换几个浏览器，选择一个合适并且你习惯使用的即可解决问题了。

对此一种解决方法就是给图片添加“Display：inline”项即可。\x0d\x0aDIV居中问题：\x0d\x0a通常我们会利用“vertical-align：middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。

可以通过个人pc固定的浏览器，这些浏览器都有自身的内核，可以强制性的使用。就不存在兼容性问题。这种办法一般可以用在办公室的场景。

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

1、article 标签定义外部的内容。 外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。总之，可以理解为article所表示的就是文章内容。

2、canvas 新元素 canvas 标签定义图形，比如图表和其他图像。

3、header元素 表示页面中一个区块或真个页面的标题。内hgroup元素 表示对真个页面或页面中的容一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。

5、HTML5中新增标签较多，下面说几个常见的 article 定义外部的内容，外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。

关于html5有display和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。