HTML5中的article标签怎么用-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

HTML5中的article标签怎么用-创新互联

这篇文章主要介绍了HTML5中的article标签怎么用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的前郭网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

HTML5中的article标签解释:

这个标签在HTML5中,意思应该是取代DIV结构的,它定义了一个大的外部框架,就像你我们经常定义的最外层的那对DIV意思一样,现在有了这些自己具有层级结构的不同标记了。

所以article的下面应该还包括很多其它标签。结合后实现分栏之类的设计,CSS也根据这个做了调整以便支持其样式的显示,同时JS也需要些变动,JQuery则依然活跃,并没有因为HTML5重复了其部分功能而被排挤掉

在HTML5中相对于以往版本的文档书写方面,追加了一些标签。如页眉、页脚、内容区等等的元素结构。其中在主体结构元素中增加了article及section元素。那么他们两个有什么区别呢,什么时候用article,什么是用section

想了解HTML5中的sention:HTML5中的section标签是什么?HTML5中的section标签怎么居中?

article元素代表了文档、页面或者是应用程序当中的独立完整可以被外部引用的内容,他可以以一篇文章、一篇帖子、一段评论或者是独立的插件形式出现。除了内容主题以外,一个article元素通常会有自己的标题及脚注。

HTML5中article标签的定义和用法:

标签定义外部的内容。

外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

有实例:

Safari 5 released
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac......

article为可以嵌套的元素,原则上需article内层应与外层的内容相关联,例如一篇文章的正文及对正文的评论就可以同过article进行嵌套。

其中section将正文及评论进行了区分,他是一个分块区的元素,下一课会讲解到。article有很完整及独立的将评论的每一条都进行了分割。

article还能用来表示一个插件,下面是一个允许全屏的代码,他的作用就是让这个插件看上去像完全内嵌在网页里面一样。

HTML5中article标签的标准属性:

class, contenteditable, contextmenu, dir, draggable, id, irrelevant,

lang, ref, registrationmark, tabindex, template, title

这里使用article标签布局一篇实例,通过此示例掌握了解article元素标签。

完整HTML5实例代码:





article 实例 ThinkCSS



文章标题

文章段落一,内容CSS技术上ThinkCSS网 ...

文章段落二,内容CSS技术上ThinkCSS网 ...

段落三,内容CSS技术上ThinkCSS网 ...

提示和注释:

注释:

标签的内容独立于文档的其余部分。

【元素有话说】

article:

感谢你能够认真阅读完这篇文章,希望小编分享HTML5中的article标签怎么用内容对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,遇到问题就找创新互联成都网站设计公司,详细的解决方法等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页名称:HTML5中的article标签怎么用-创新互联
网站网址:http://kswsj.cn/article/csppji.html

其他资讯