article和section aside footer区别

2024-08-28

div section article aside的理解

div 是一个大的容器内部可以包含header main nav aside footer等标签没有语义,多用于为脚本添加样式 section的语义比div语义强些,用于主题性比较强的内容,比如一篇博客, 一个评论 article的语义比section的语义更加强,它强调的是独立性,完整性.他具有自己的内容,可以从文本中单独拎出来. 总结:相当于div是一个父级 ,section他的子集,article又是section的子集,他们的语义逐渐增强,我们任何情况下都可以使用div, 不过使用s

HTML5中的article和section的区别

HTML5中的article和section的区别一.总结一句话总结: article和section都相当于语义化后的div,article强调独立性,section强调分段或者分块 1.article元素可以表示的内容? 可以是一篇博客或报刊中的文章.一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容.除了内容部分,一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注. 2.article使用实例? 一个article元素通常有它

html5：article与section元素

article元素 aiticle元素代表文档.页面或应用程序中独立的.完整的.可以肚子被外部引用的内容.它可以使一片博客或报刊中的文章.帖子. 一个article元素通常有它自己的标题,通常放在header元素里面,有时还有他的脚注. Section元素 section元素用于对网站或应用程序中页面上的内容进行分块.一个section元素通常有内容及其标题组成.但section元素并非一个普通的容器元素:当一个容器需要被直接定义样式或通

HTML5新增的主体元素article、section、nav、aside、time元素和pubdate属性

article artticle元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或者独立的插件或其他任何独立的内容. article元素是可以嵌套的. article元素可以用来表示插件. section section元素用于对网站或应用程序中页面上的内容进行分块.一个section元素经常由内容及其标题组成.但section元素并非一个普通的容器元素:当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用

article和section

article和section都是指页面中的块,但是article更加强调独立性,而section常被用来分块. section使用禁忌: 1.不要把section当作定义样式的容器,因为那是div的工作: 2.使用section的时候,section容器内一定要包含h元素: 3.如果该元素更加符合article.nav等其他元素的定义,那就尽量不要使用section

HTML5的article和section的区别

内容区块是指将HTML页面按逻辑分割后的单位.对于页面网站来说,导航菜单.文章正文.文章的评论等每一个部分都可称为内容区块. article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或报刊中的文章.一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容.除了内容部分,一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注.<article> <h

HTML5中div，article，section的区别

最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头绪了,下边还有一个我刚刚布局好的一个简单的网页,供大家参考,先看一下,最起码心里对html5的结构有些概念. div HTML Spec: “The div element has no special meaning at all.” 这个标签是我们见得最多.用得最多的一个标签.本身没有任何语义,

h5中的结构元素header、nav、article、aside、section、footer介绍

结构元素不具有任何样式,只是使页面元素的的语义更加明确. header元素 header元素是一种具有引导和导航作用的的结构元素,该元素可以包含所有通常放在页面头部的内容.header元素通常用来放置整个页面或页面内的一个内容区块的标题,也可以包含网站Logo图片.搜索表单或者其他相关内容. <header> <h1>网页主题</h1> </header> 一个网页中可以使用多个header元素,也可以为每一个内容块添加header元素. nav元素 nav

html5之div，article，section区别与应用

div 块级元素,在里面的内容会自动开始新行,可以定义文档中的分区或节,把文档分割成独立,不同的部分本身没有什么语义,更适合帮助布局,进行样式化. <div> </div> section <section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 出席的场景一般是有文章的章节.标签对话框中的标签页.或者论文中有编号的部分.一个网站的主页可以分成简介.新闻和联系信息等几部分. (当一个标签只是为了样式化或者方便脚本使用时,

HTML5学习笔记二：article和section

在HTML5中,article可以看做特殊种类的section,它比section更强调独立性. section元素强调分段或分块,而article强调独立性: 如果一块内容相对独立.完整,应该使用article:如果想将一块内容分成几段,应该使用section; section元素使用禁忌: 1. 不要讲section设置样式的页面容器,那是div的工作: 2. 如果article,aside或nav元素更符合条件,不要使用section 3. 不要为没有标题的内容区块使用section:

html5的标签

1.article与section div的区别当一个标签只是为了样式化或者方便脚本使用时,应该使用 div . section 表示一段专题性的内容,一般会带有标题.,section 应用的典型场景有文章的章节.标签对话框中的标签页.或者论文中有编号的部分. article 是一个特殊的 section 标签,它比 section 具有更明确的语义, 它代表一个独立的.完整的相关内容块.一般来说, article 会有标题部分(通常包含在 header 内),有时也会包含 footer .

HTML5文档结构语义：页眉的header和hgroup标签使用

HTML5提供了新的结构元素——例如header.hgroup.article.section.footer.nav等来定义网页,将使网页结构更加简洁严谨,语义更加结构化,而不用迂回通过class或id来为结构命名. 这里就先来了解一下HTML5页眉的header和hgroup标签使用. header标签在语法规范中包含标题.标题介绍和标题导航.header并不仅仅只能出现在页面顶部作为页眉使用,也可以出现在文档的其他位置.但header不允许嵌套,也不允许出现在地址或者footer元素内. 先

css部分总结

10.19HTML总结 1.<!DOCTYPE HTML>声明:告知浏览器文档使用哪种HTML或者XHTML规范,该标签可声明三种DTD(文档类型定义)类型:严格版本.过渡版本以及基于框架的HTML文档. 2. 段落标签:p标签语法规则: p> align="">.../p>(align表示对其方式) 3.水平线标签:hr标签语法规则同段落标签 4.图像标签:image 语法规则:>image src="image/css作业3.htm

HTML重要标签及属性详解

我学习前端的时间不长,短短1个月而已,只学了些HTML5和CSS3还有少许javascript,另外还有网页布局等等辅助性书籍,我在模仿网页以及完成百度前端技术学院的任务过程中发现了我容易忘记的标签以及一些属性,如今列出来,即为分享也为记录给自己查阅. 首先说说html吧,我看的是html5,当然也接触过html4.01,以前还在想,要不要考虑html5的兼容性,现在发现没必要了.html5只是有的新标签兼容性还不好,其他的和html4.01还是变化不大的,另外就是html5的文档类型和字符说明

HTML+CSS+js常见知识点

一.HTML.CSS常见知识点 1.垂直居中盒子 /* 方法一 */ html, body { width: 100%; height: 100%; padding: 0; margin: 0; } .box { width: 300px; height: 300px; background: yellowgreen; margin: 0 auto; position: relative; top: 50%; margin-top: -150px; } /* 方法二 */ html, body

HTML5新规范和CSS3新特性

1.HTML5最新规范(HTML5是HTML.XHTML以及HTML.DOM的新标准) ①用于绘画canvas元素 ②用于媒介回放的video和audio元素 ③对本地离线存储的更好支持 ④新的特俗内容元素.如:article.section.footer.nav.header ⑤新的表单控件,比如:calendar.date.time.email.URL.search 2.css3新的特性 ①选择器(如类选择器,id选择器.伪类选择器) ②盒模型 ③背景和边框(border-radius.ba

HTML5特性&&canvas

1.HTML5是由W3C(万维网联盟,专注于XHTML 2.0)和WHATWG(专注于web表单和应用程序)共同合作的结果,2014年10月完成标准制定! 主要设计目的:为了在移动设备上支持多媒体. 2.HTML5新特性:(区分HTML) 绘画canvas: 用于媒介回放的video和audio元素: 本地离线缓存localStorage长期缓存数据,浏览器关闭后数据不丢失:sessionStorage的数据浏览器关闭后自动删除: 语义化更好的元素,如:header,nav,article,se

《web前端设计基础——HTML5、CSS3、JavaScript》张树明版简答题简单整理

web前端设计基础——HTML5.CSS3.JavaScript 简答题整理第一章 (1)解释一下名词的含义:IP地址.URL.域名 iP定义了如何连入因特网,以及数据如何在主机间传输的标准. URL统一资源定位符,通过定义资源位置的标识,来定位网络资源. 域名是一串用点分割的名字组成的网络中某台主机或一组主机的名称,用于在数据传输时标识主机的位置. (2)基本的web技术有哪些?web的工作原理是什么? 基本的web技术有:URL.HTTP.MIME. (3)什么是超文本?超文本与超媒体

html-5 --html5教程article、footer、header、nav、section使用

header header元素是一种具有引导和导航作用的辅助元素.通常,header元素可以包含一个区块的标题(如h1至h6,或者hgroup元素标签),但也可以包含其他内容,例如数据表格.搜索表单或相关的logo图片. 我们可以使用该元素来写整个页面的标题部分: <header> <h1>The most important heading on this page</h1> </header> 同一个页面中,每一个内容区块都可以有自己的<heade

artice与section的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <article> <header> <h1>我的个人资料</h1> </header> <p>我叫mudy,是个小学生&

article和section aside footer区别

热门专题