html中article标签的作用是什么?

发布时间:2020-04-15 14:08:45

来源:亿速云

阅读:508

作者:小新

html中article标签的作用是什么?很多人都不太了解,今天小编为了让大家更加了解article标签,所以给大家总结了以下内容,一起往下看吧。

首先我们先简单的介绍下article:

html5 表示页面中的一块与上下文不相关的独立内容,比如网页中的一篇文章或报纸中的一篇文章。

article不同于其他DIV CSS布局结构,article主要布局文章类内容。

article语法代码:内容

article是有开始与闭合一对HTML标签元素。

以开始,以结束闭合。

现在说说article标签的使用说明:

article是HTML5新增标签,其语法基本功能和以前DIV、p、span等标签一样,可以直接使用style属性标签内设置CSS,或者使用class或id引入外部CSS样式。内容内容

article主要是布局文章、内容方面内容。

再来看看HTML5 article标签的使用实例:这里使用article标签布局一篇实例,通过此示例掌握了解article元素标签。以下是完整HTML5实例代码:

article 实例 ThinkCSS

article{ color:#000}

article h3{ color:#F00}

文章标题

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

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

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

article标签的代码效果截图:

如图是代码的效果图,基本上都能看明白了。

以上就是html中article标签的作用是什么的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注亿速云行业资讯频道哦!

html5用article标记什么意思,html中article标签的作用是什么?相关推荐

  1. 在html中base的作用,html中base标签的作用是什么

    html中base标签的作用是什么? 作用:为页面上的所有链接规定默认地址或默认目标,是一种表达路径和连接网址的标签. 说明:通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 UR ...

  2. html中form标签的作用style,HTML5中meta常用标签属性说明

    HTML5中meta常用标签属性说明 IE 兼容模式,Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此  标签加入到你的页面中: content属性 ...

  3. Java中xmp标签的作用_html 中 xmp标记

    HTML页面中显示HTML标签代码,可以使用 html标签内容,这样,在网页中就会显示html标签 for(var i=0;i var column = columns[i]; var dataInd ...

  4. HTML5中litle标签的作用,Litle是什么意思

    1. I've got a litle salt pork you can have. 我可以给你一点腌肉 2. danci.911cha.com 2. It is fine if you tell ...

  5. pom.xml配置文件中所有标签及作用简单描述

    <project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/200 ...

  6. html中dir标签的作用是什么意思,htmldir标签是干啥的?dir标签的具体定义和属性介绍...

    本篇文章主要的为大家讲述的就是html dir标签的定义和html dir标签的compact属性的介绍, html dir标签的定义: HTML 目录列表: HTML XHTML CSS html ...

  7. 在html中frame标签的作用,HTML中的frame标签常见的6大属性,新手一定要悉知!

    HTML框架和HTML页内框架的区别? 在进行网站网页设计中,会经常碰到在一个窗口中需要显示多个独立的网页页面的问题,这时候需要用到HTML frame系列标签,而frame系列 标签是HTML框架中 ...

  8. html中复合标签的作用,html元素colgroup标签的使用方法及作用

    html元素colgroup标签的使用方法及作用详解如下: 标签定义标签用于对html表格中的列进行组合,以便对其进行格式化:标签可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式:标签只 ...

  9. Java中xmp标签的作用_如何在Java中从JPEG读取XMP面部数据

    我已经将Picasa的面部数据保存在JPEG文件中(在XMP中),现在我试图用Java读取该信息.到目前为止,我失败了,将不胜感激. 我正在尝试使用metadata-extractor库(尽管任何其他 ...

最新文章

  1. 请投上您的一票,助力 2019 开源基础设施峰会
  2. DOM中setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
  3. 简单Hook SYSENTER
  4. CCNA试验-1标准acl
  5. 【连载】第一章:亚洲-台湾(1)
  6. ZZULIOJ 1116: 删除元素
  7. 工具对比_模拟慢网速环境
  8. iOS 14.5新功能:解锁iPhone更方便!
  9. elixir 关键字列表
  10. php 上传word文件 源码,THINKPHP中word文档的上传与下载
  11. ASP.NET网站防止SQL注入攻击
  12. 修复 VM Player 断网问题 20121215T1402
  13. matlab 对自定义函数求导,用matlab对多项式函数求导
  14. Visio绘图工具,“连接线”命令使用方法
  15. 阿里云部署flask项目
  16. 开学数码必买清单推荐,2022年开学季最值得入手的好物
  17. luogu P4315 月下“毛景树”
  18. Win10资源管理器CPU持续占用20%解决方法
  19. js callee与caller 区别
  20. 计算机网络(第8版)谢希仁第一章概述笔记

热门文章

  1. nagios msn 飞信PHP类API 报警
  2. 鸿蒙合香丸吃了好吗,合香丸的功效与副作用有哪些 盘点合香丸的两大作用和两大禁忌...
  3. 安装国外浏览器的好处
  4. 企业常见的软文营销推广方法!
  5. 基于互联网技术的跌倒检测解决方案
  6. 服务器3D场景建模(九):RecastNavigation之Detour数据结构
  7. micro:bit 一款用于编程教育和硬件制作的微型计算机
  8. VGG网络详解(实现猫猫和狗狗识别)
  9. 爬取网贷之家平台数据保存到mysql数据库
  10. 输入一批整数,输出最大,最小值