一、关于标签和属性的基本理解:
  1. html页面的内容主要由“元素”或“标签”组成。使用标签来描述网页的内容。
  2. 标签tag一般都是成对出现,开始标签和结束标签,或者开放标签和闭合标签,比如 <b> 和 </b>;
  3. W3C的html5规范重新定义和梳理了标签,标签列表基本上就是html5能支持的页面元素;
  4. 大多数标签都可以有属性,属性是对标签某个方面特性的说明或约束;
  5. 属性一般描述于开始标签中,而不是在结束标签中;
  6. 属性总是以名称/值对的形式出现,比如:name="value";
  7. 在mac中,command+? 对某一行进行注释或者取消注释;
 
二、标签的分类:
  1. 基础类
  2. 格式
  3. 表单
  4. 框架
  5. 图像
  6. 音频/视频
  7. 链接
  8. 列表
  9. 表格
  10. 样式/节
  11. 元信息:比如<head>
  12. 编程:比如<script>
 
几个重要的标签:
  1. iframe URL该URL指向不同的网页。
  2. CSS
  3. script脚本
    1. <script> 标签用于定义客户端脚本,比如 JavaScript。
    2. <script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
    3. JavaScript 最常用于图片操作、表单验证以及内容动态更新。
  4. 更多的标签,可以参考html参考手册:http://www.w3school.com.cn/tags/html_ref_byfunc.asp
 
三、标签的属性
  1. 属性可以分为全局性的属性和专有属性;
  2. 全局属性可以用于任何html元素;列表如:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
 
四、标签的事件属性
  1. 事件属性是一类特殊的属性,也需要在开放标签中进行定义;
  2. HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript。例如:<input type="button" name="点我" id="" value="点我" onclick="myFunction()" />,myFunction()是在script中定义的函数;
  3. 事件属性也分为全局性事件属性和元素专有的事件属性;
  4. 全局性事件包括:
    1. window事件属性
    2. form事件
    3. keyboard事件
    4. mouse事件,比如onclick,ondbclick
    5. media事件
  5. 具体事件属性列表可参见:http://www.w3school.com.cn/tags/html_ref_eventattributes.asp

关于html标签和属性的基本理解的更多相关文章

  1. 前端中关于HTML标签的属性for的理解

    First:<label>的说明:1.<label>标签为input元素定义标注(标识)2.label元素不会像用户呈现任何特殊的效果,仅作为显示扩展:不过,它为鼠标用户改进了 ...

  2. web前端(6)—— 标签的属性,分类,嵌套

    属性 HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中 1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序. 2.属性值要用引 ...

  3. HTML5 移动开发 (HTML5标签和属性)

       第一阶    1.如何使用HTML5中的新标签及属性    2.HTML5中的其它变化    3.HTML5的移动支持    4.使用HTML5开发移动WEB引用的理由 第二阶    HTML5 ...

  4. Web前端开发最佳实践(5):正确闭合HTML标签,停止使用不标准的标签和属性

    正确闭合HTML标签 HTML元素的内容模型定义了元素的结构,表明元素可以包含哪些内容以及元素可以有哪些属性.元素可以包含的内容包括其他元素和字符,但是也有一些元素是空元素,即不能包含任何内容,这些元 ...

  5. 关于标签的属性-<a>

    标签的属性可以分成两个大类 1.系统属性名:例如 id class src这些都是系统里自带的 2.自定义属性名:可以根据使用的需要自行定义 下面我们简短介绍一下<a>标签的使用 < ...

  6. HTML中的meta标签常用属性及其作用总结

    文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTM ...

  7. HTML5的Video标签的属性,方法和事件汇总

    <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...

  8. php 内置支持的标签和属性

    内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...

  9. video标签的属性和方法总结

    最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...

随机推荐

  1. Eclipse中集成Tomcat

    问题: 很多时候在Eclipse中启动Tmocat后,不能访问本机的localhost:8080主页,并且其他项目也不能访问. 原因: 打开Tomcat下的webapp后也找补到项目目录,这是因为Ec ...

  2. Windows开发环境搭建(安装 VS2010, VS2013, VS2015 Community, Windows Server 2008 R2)

    1. 安装VS2010 1.1 安装步骤 1. 注意安装的时候,选择自定义安装,将不需要的VB.net去掉. 2. 看一下C++下的x64选项是否选择了,如果没选,将其选上. 3. 一定要将 Micr ...

  3. 10个你必须掌握的超酷VI命令技巧

    摘要:大部分Linux开发者对vi命令相当熟悉,可是遗憾的是,大部分开发者都只能掌握一些最常用的Linux vi命令,下面介绍的10个vi命令虽然很多不为人知,但是在实际应用中又能让你大大提高效率. ...

  4. ART:Android 摆脱卡顿的希望?

    与 iOS 相比,Android 的用户体验有个相对糟糕的开始.在很长的时间里,界面一直丑小鸭,卡顿也是挥不去的痛.不过,在 Google 的全力推动,以及硬件厂商的响应下,Android 还是跨越各 ...

  5. FastSocket客户端/服务端通讯示例

    新建控制台项目,命名为Server 添加FastSocket.SocketBase,FastSocket.Server引用   Socket命令服务类: Sodao.FastSocket.Server ...

  6. MemCached用法

    所需要的jar包: com.danga.MemCached.MemCachedClient com.danga.MemCached.SockIOPool 自行下载/** * 缓存服务器集群,提供缓存连 ...

  7. 基于Java的数据采集(终结篇)

    关于写过关于JAVA采集入库的三篇文章: 基于Java数据采集入库(一):http://www.cnblogs.com/lichenwei/p/3904715.html 基于Java数据采集入库(二) ...

  8. 自己动手搭建 Redis 环境,并建立一个 .NET HelloWorld 程序测试

    关于 Redis ,下面来自百度百科: redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set( ...

  9. Android之Handler源码深入分析

    闲着没事,就来看看源码,看看源码的各种原理,会用只是简单的,知道为什么才是最牛逼的. Handler源码分析那,从使用的步骤来边用边分析: 1.创建一个Handler对象:new Handler(ge ...

  10. 火狐浏览器修改userAgent

    火狐浏览器修改userAgent的办法: 在火狐浏览器地址栏输入“about:config”,按下回车进入设置菜单. 找到“general.useragent.override”,如果没有这一项,则点 ...