所有分类
  • 所有分类
  • 后端开发
HTML5中article标签:不只是div的升级版,还有这些厉害之处

HTML5中article标签:不只是div的升级版,还有这些厉害之处

(文末有元素有话说article标签的自我介绍)HTML5中的article标签解释:所以article的下面应该还包括很多其它标签。HTML5中article标签的定义和用法:HTML5中article标签的标准属性:

HTML5中的article标签是什么

HTML5中有个玩意儿叫做article标签,差不多就是网页编程里的div元素。不过article标签更有趣,因为它主要就是给独立的东西找个位置。比如说文章、评论、插件之类的。跟div相比,article标签一看就知道哪些是独来独往的,容易懂多了。

文章标签(article)能帮咱把网页内容弄得规规矩矩的,看起来舒服多了。同时它能让搜索引擎更容易读懂咱们网站架构,还给浏览者提供更好的体验和提高 SEO !

HTML5中的article元素用在什么地方

Article这玩意儿,就跟个口袋似的,能把那些独自存在且完整明了的信息给收进囊中去。看看咱们平时浏览的新闻网页上,那些新闻是不是都被article处理过?再来看看博客那块,每篇文章也自然有自己的article包装着;最后再说下留言板或论坛里,每条帖子可是也都离不开article的保护!

说到article,它不仅可以叙述文章主旨,还能带来实用的插件,甚至安置在别的地方。例如那些精美的视频音频播放器,也就自然地放在article里了!

HTML5中article标签的标准属性有哪些

-课程内容:我们要给元素搭配哪种风格?或者挑战下用JavaScript做些有趣的事怎么样?

– contenteditable:指定元素是否可编辑。

– contextmenu:指定元素上下文菜单的ID。

– dir:指定元素中文本的方向。

– draggable:指定元素是否可拖动。

– id:指定元素的唯一ID。

– lang:指定元素中文本的语言。

– ref:指向另外资源链接地址。

-商标露没露?:告诉你,那个能看见的商标符够不够明显。

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......

– tabindex:设置元素的tab键控制次序。

– template:定义模板内容。

– title:指定元素相关信息。

HTML5中article标签示例

看看这,我来教你怎么在博客上写文章!慢慢来,先用article这个标签给整个文章打扮下;还要记得加上head和tail,让你的博客更美!

html
        <h1>文章标题</h1>
文章内容...



article 实例 ThinkCSS

article{ color:#000}
article h1{ color:#F00}



文章标题

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

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

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

作者:某某某
发布时间:2022年1月1日

这招简单不复杂?学会它,就能用标签给文章加个框。而且利用HTML5新的技巧,还能让页面看起来更美!

结合实际应用

在做网页时,记得用下HTML5里的article标签!无论你要加啥子内容或功能,它都会把它们规规矩矩地放在那儿,编辑修改起来特别轻松,站点看上去也更有条理,网上爬虫更容易找到你家网站。

简单来说,想要做个网站就得了解下HTML5中类别的用法,尤其是那个article,学会后网页肯定美美的!

原文链接:https://www.icz.com/technicalinformation/web/2024/04/12746.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?