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