vue的本质,是html标签三要素的增删改查?标签名,标签属性和标签内容

vue那么多指令怎么记忆?如果单纯靠长期经验,难免会停在经验主义上,我想应该有一个经典的分类,来梳理和概括vue

思考问题如下

1.vue操作的是dom还是html

2.html和dom的区别

3.dom是否存在类似html的标签

4.标签三要是什么?vue是如何区别修改的,以及在vue中的对应的概念是什么?

5.理想的结论是

   vue组件——应该是自定义标签名

   vue指令——应该是自定义属性,并对标签属性的操作,有14个指令

   vue插值——应该是插入标签内容

…………………………

 

HTML Hyper Text Markup Language,超文本标记语言,标记语言不同于编程语言,标记语言是一套标记标签,HTML使用标记标签来描述网页

 

HTML文档包含HTML标签和纯文本

 

保存格式:把文本文档保存为HTML格式,即可在浏览器中打开,查看网页效果

 

HTML 集成编辑器(专门设计用于写HTML代码的客户端软件): VS Coder

 

文本编辑器:Notepad (PC) 或 TextEdit (Mac)

 

HTML 常用数据包 框架等:

 

Modernizr 自动检测浏览器版本和特性

 

一句HTML的组成:标签,属性,内容 

 

或用专业术语说:一个HTML元素 ,是从开始标签,属性,内容,到结束标签的代码

 

其中的专业术语解释:

 

标签tag <a><a/> 尖括号 关键词 成对出现 开始和结束标签

 

属性<a s="x" >list<a/>  s 在开始标签内设置

 

内容 list 显示在网页中 是具有s属性的a对象(不严谨 并不面向对象 但可助于理解)

 

格式如下:

 

<标签关键字 标签属性>标签对象的内容<此标签对象结束>

 

<a s="x" >list<a/> 

 

 

 

一组标签 HTML标签嵌套

 

<html>   <body><body/>  <hrml/>

 

一个HTML元素的内容,可以是其它的HTML元素

 

框架类元素

 

<html>之间的文本描述网页<html/>

 

<body>可见的页面内容<body/>

 

基本显示元素

 

<h1>大号标题<h1/>  <h6>最小号标题<h6/>

 

<p>段落<p/>(段落意味着自动另起一行)

 

链接

 

<a herf = "URL"> This is a link <a/>

 

链接标签<a> 链接属性 链接地址  herf = “URL”  含有链接的文本 This is a link

 

图像

 

<img src="w3school.jpg" width="104" height="142" />

 

图像标签<img> 属性:图像来源 scr = “本地图片相对地址 or 网络图片绝对地址”  width="像素宽" height="像素高"

 

 空内容元素

 

换行

 

<br/> 既是开始标签,又是结束标签

posted @ 2020-04-06 07:45  风意不止  阅读(630)  评论(0编辑  收藏  举报