作者：爱情de眷恋_558 | 来源：互联网 | 2023-06-01 10:04
这篇文章主要介绍了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实例代码：
文章标题
文章段落一，内容CSS技术上ThinkCSS网 ...
文章段落二，内容CSS技术上ThinkCSS网 ...
段落三，内容CSS技术上ThinkCSS网 ...
提示和注释：
注释： 标签的内容独立于文档的其余部分。
【元素有话说】
article：
感谢你能够认真阅读完这篇文章，希望小编分享HTML5中的article标签怎么用内容对大家有帮助，同时也希望大家多多支持编程笔记，关注编程笔记行业资讯频道，遇到问题就找编程笔记，详细的解决方法等着你来学习!
京公网安备 11010802041100号