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/> 既是开始标签,又是结束标签

原文地址:https://www.cnblogs.com/cn-oldboy/p/12640448.html