vue 怎么使用 Article和Section元素

2024-10-20

article元素以及section

<p>发表日期:<time pubdate="pubdate">2015/10/30</time></p> article元素有自己独立完整的内容. 需要了解内容: (1)使插件看起来好像是内嵌在页面中 <article> <h1>用article元素表示插件</h1> <object> <param name="allowFullScreen" value=&qu

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

section元素与div、article元素的区别

section元素是对网站或应用程序中页面上的内容进行分块,一个section元素通常有标题和内容组成.但section元素并非一个普通的容器元素,当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素.我们可以这样理解:section元素中的内容可以直单独存储到数据库中或输出到word文档中. section元素的作用是对页面上的内容进行分块,或者对文章进行分段,不要将它与表示着"有着自己的完整的.独立的内容"的article元素混淆. 下面是一个带

八（第一篇）、主体结构元素——article元素、section元素

article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容. 他可以是一篇博客或者报刊中的文章,一篇轮胎帖子.一段用户评论或独立的插件,或其他任何独立的插件,或其他任何独立的内容. article元素是可以嵌套使用的. article元素可以用来表示插件. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

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

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

HTML5的article和section的区别

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

2.10.2 section元素

section元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>section元素</title> </head> <body> <span>section元素强调分块和分段,article强调独立性</span> <ol> <li>不要将section元素作为设置

html5中section元素详解

html5中section元素详解一.总结一句话总结: section元素用来定义文章中的章节(通常应该有标题和段落内容) section元素的作用就是给内容分段,给页面分区 1.section元素和 div元素的区别是什么? div强调在形式上的独立性,section强调的是内容上的独立性,注意它的语义. section可以看做 <div id="section"></div> 2.article元素和section元素的区别是什么? article元

HTML5中的article和section的区别

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

Vue.js学习笔记：在元素和 template 中使用 v-if 指令

f 指令语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.2.

HTML5<section>元素

HTML5<section>元素用来定义页面文档中的逻辑区域或内容的整合(section,区域),比如章节.页眉.页脚或文档中的其他部分. 根据W3C HTML5文档中:section里面应该包含标题及一级内容. 实例: <section id="pageSection"> <h2>section</h2><p>section标签是用来定义页面文档中的逻辑区域或内容的整合,通常会包含标题和一组内容.</p><

黑马vue---16、vue中通过属性绑定为元素设置class类样式

黑马vue---16.vue中通过属性绑定为元素设置class类样式一.总结一句话总结: 这里就是为元素绑定class样式,和后面的style样式区别一下 vue中class样式绑定方式的相对于原方式的优势有可以使用三元表达式 1.vue中class样式绑定方式的相对于原方式的优势? 可以使用三元表达式:h1 :class="['thin', 'italic']" h1 class="red thin" 2.vue中class样式绑定中三元表达式及对象替代三元

HTML5中div，article，section的区别

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

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

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

在Vue中通过自定义指令获取元素

vue.js 是数据绑定的框架,大部分情况下我们都不需要直接操作 DOM Element,但在某些时候,我们还是有获取DOM Element的需求的: 在 vue.js 中,获取某个DOM Element常用的方法是将这个元素改成一个组件 (component),然后通过 this.$el 去获取,但是在一些很小的项目里,在一些没有使用 webpack 等构建工具的项目中,创建一个组件并不是那么值得,所以 vue 提供了另一种操作DOM元素的方式,就是自定义指令 (directive) : 自定

Vue系列之 => ref获取DOM元素和组件

可以获取DOM元素,和组件中的数据,方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA

vue中的组件，Component元素，自定义路由，异步数据获取

组件是Vue最强大的功能之一.组件是一组可被复用的具有一定功能,独立的完整的代码片段,这个代码片段可以渲染一个完整视图结构组件开发如何注册组件?第一步,在页面HTML标签中使用这个组件名称,像使用DOM元素一样.(通常是一个自定义元素).<div id="app"> <my-component></my-component></div>第二步,使用Vue.extend方法创建一个组件var MyComponent = Vue.extend

vue如何获取并操作DOM元素

原文地址方法一: 直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式方法二: 使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素注意:在获取相应元素之前,必须在mount钩子进行挂载,否则获取到的值为空, 如果是给子组件加id并修改自定义属性,则直接会加载改子组件对应的外层div上,并不会改变该子组件原本的自定义属性的值. 如果给子组件加ref,然后获取到

vue项目中，更改数组元素的值，视图没有实时更新？

问题背景: export default { data(){ showItems: [false, false, false, false] }, methods: { showItem(index) { this.showItems[index] = true; }, cancelItem(index) { this.showItems[index] = false; }, }, } 如上代码,定义了showItems数组之后,通过点击按钮触发showItem和cancelItem函数来更改数