html5中的 section、article之类的标签都可以用div代替。
他们可以看作是有一定意义的div 你完全可以通过css给div加上样式来代替article。
不过那么做显然是一种倒退呵呵,html5的出现就是为了让页面每个部分都有“意义”
这些都是HTML5 中使用的标签。
<article> 标签定义外部的内容。
外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<figure> 标签用于对元素进行组合。
答:
1、article标签是 HTML 5 的新标签。它的内容独立于文档的其余部分,而外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
2、aside为语义化标签,通常用来描述与文档主体内容不相关的内容。比如,博客文章用atricle标签,而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside。
百度知道是问答网站,主体就是提问和回答,所以提问回答这边是用article,而右边那个用户信息、升级进度,广告和推荐的知识那些与该问题的回答和提问内容都无关,与主题内容不相关的区域用的就是aside。简单的说aside可用作通用信息展示(信息栏)等。
拓展资料:
1、万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。
2、HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式。
3、许多业内人士表示,HTML将会最终代替多媒体框架,如Adobe的Flash,但是短期看来还不是时候。
4、HTML5估计到2014年才能逐步成熟,而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5,谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式,这可能会加速HTML5替代Flash的进程,但是这个转变的过程也不是一蹴而就的。
资料来源:百度百科:HTML5。
使用
div:
这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义,用作布局以及样式化标签。
section:
与div相似,但它有更进一步的语义。section用作一段有专题性的内容,一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
article:
article是一个特殊的section标签,它比section具有更明确的语义, 它代表一个独立的、完整的相关内容块。
区别
div、section、article,语义是从无到有,逐渐增强的。div无任何语义,仅仅用作样式化或者脚本化的标签。
对于一段主题性的内容,则就适用section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。
原则上来说,能使用article的时候,也是可以使用section的,但是实际上,假如使用article更合适,那么就不要使用section。
扩展资料
技术要点
<video>标记。
定义和用法:
</video> 标签定义视频,比如电影片段或其他视频流。
<audio> 标记。
定义和用法
</audio> 标签定义声音,比如音乐或其他音频流。
定义和用法:
<canvas> 标签定义图形,比如图表和其他图像。
HTML5 的 canvas 元素使用JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
一、头部代码
1、标题标签(title标签)。
在HTML5中标题标签依然存在,其仍然具有不可替代的作用;不过我们看到还有更多的可供搜索引擎识别的代码,我们将改代码的等级微降。
2、元标签(meta标签)
字符集编码声明标签:该标签原本就是搜索引擎必看且首先要看的标签,其他属性都省略唯独留下charset属性能看到google公司用心良苦。
网页描述标签:该标签虽然没有什么提示,但是该区域的内容将会在SERP显示,其重要性不应该被忽略。
二、正文代码
1、头部标签(header标签)。
这块区域之前以logo居多,而从目前的情况来看,很多资料都建议在这类使用标题1或2标签,即h1或h2标签。我们认为未来每个网页只会出现一个H1标签,而他的位置就是位于header标签内。该区域我们不建议使用strong标签,不要使用b标签。
2、导航标签(nav标签)
nav标签内基本上都是a标签,而HTML5中不应该靠添加title标签来进行优化,我们建议是用strong标签。
3、文章标签(article标签)。
article标签区域,我们可以使用h2标签,而不建议使用h1标签。基本上有多少个article标签就可以使用多少个h2标签。PS:可把SEO乐死了,估计黑帽又找到作弊的地方了。
而article标签区域的section标签将会替代h2标签链接过去的URL的title属性,这块区域的文字有可能将成为目标URL的description内容,即有可能会影响目标URL在SERP中的描述。
4、左或右侧标签(aside标签)。
aside标签的文字信息与article标签区域的文字信息需要匹配,如果关联程度不大,可能会影响到该页面以及目标页面的排名。这是在HTML4中很多SEO忽视的一块区域,而这块区域的关键词对本页面可能影响不是很大。因为aside标签的内容基本上都属于公共内容,即会有N多的页面都有该内容。
5、底部标签(footer标签)。
footer标签区域的内容对首页的排名将会增加,而对于内页来说搜索引擎将有可能会视而不见。不建议每个web的footer信息都是独立的,这或许意味着新的黑帽手段将会出现。