HTML5中的元素有哪些(html的元素组成部分有哪些)

IT兄弟连 HTML5教程 响应式布局实例

大家好,今天小编来为大家解答以下的问题,关于HTML5中的元素有哪些,html5不建议使用什么元素这个很多人还不知道,现在让我们一起来看看吧!

本文目录

  1. html5 shiv是什么意思
  2. HTML5中的元素有哪些
  3. section元素和article元素的区别
  4. html5有什么缺点

html5 shiv是什么意思

shiv是刀,开门闸刀,剃刀意思。

html5shiv是针对IE浏览器比较好的解决方案。

html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。

让CSS样式应用在未知元素上只需执行document.createElement(elementName)即可实现。

html5shiv就是根据这个原理创建的,使用是非常的简单的。

HTML5中的元素有哪些

html5最先由WHATWG命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。

html5的元素较原来html4.0新增了许多新元素:

<article>:定义文档内的文章。

<aside>: 定义页面内容之外的内容。

<bdi>:定义与其他文本不同的文本方向。

<details>:定义用户可查看或隐藏的额外细节。

<dialog>:定义对话框或窗口。

<figcaption>:定义<figure>元素的标题。

<figure>:定义自包含内容,比如图示、图表、照片、代码清单等等。

<footer>:定义文档或节的页脚。

<header>:定义文档或节的页眉。

<main>:定义文档的主内容。

<mark> :定义重要或强调的内容。

<menuitem> :定义用户能够从弹出菜单调用的命令/菜单项目。

<meter>:定义已知范围(尺度)内的标量测量。

<nav> :定义文档内的导航链接。

<progress> :定义任务进度。

<rp> :定义在不支持ruby注释的浏览器中显示什么。

<rt> :定义关于字符的解释/发音(用于东亚字体)。

<ruby>:定义ruby注释(用于东亚字体)。

<section>:定义文档中的节。

<summary>:定义<details>元素的可见标题。

<time>:定义日期/时间。

<wbr>:定义可能的折行(line-break)。

section元素和article元素的区别

区别:在HTML5中,article元素可以看成是一种特殊类型的section元素,它比section元素更强调独立性。即section元素强调分段或分块,而article强调独立性。具体来说,如果一块内容相对来说比较独立的、完整的时候,应该使用article元素,但是如果你想将一块内容分成几段的时候,应该使用section元素。另外,在HTML5中,div元素变成了一种容器,当使用CSS样式的时候,可以对这个容器进行一个总体的CSS样式的套用。在HTML5中新增的主体结构元素中有两个元素分别article元素与section元素,这两个元素是什么意思?通常用于哪些内容区块?何时用article元素?何时用section元素?两者之间的区别是什么?一、article元素article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。除了内容部分,一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注。现在,以博客为例来看一段关于article元素的代码示例,代码如下:

article元素是什么?怎样使用article元素?……

html5有什么缺点

总结概括HTML5有以下优点:

1、提高可用性和改进用户的友好体验;

2、有几个新的标签,这将有助于开发人员定义重要的内容;

3、可以给站点带来更多的多媒体元素(视频和音频);

4、可以很好的替代FLASH和Silverlight;

5、当涉及到网站的抓取和索引的时候,对于SEO很友好;

6、将被大量应用于移动应用程序和游戏;

7、可移植性好。缺点:HTML5作为新标准并未能很好的被浏览器所支持。因新标签的引入,各浏览器之间将缺少一种统一的数据描述格式,造成用户体验不佳。

好了,文章到此结束,希望可以帮助到大家。

web前端培训教程 HTML5中常用的文本元素解析

声明:本文内容来自互联网不代表本站观点,转载请注明出处:https://bk.77788889.com/12/101093.html

相关推荐