关于html标签和属性的基本理解
- html页面的内容主要由“元素”或“标签”组成。使用标签来描述网页的内容。
- 标签tag一般都是成对出现，开始标签和结束标签，或者开放标签和闭合标签，比如 <b> 和 </b>；
- W3C的html5规范重新定义和梳理了标签，标签列表基本上就是html5能支持的页面元素；
- 大多数标签都可以有属性，属性是对标签某个方面特性的说明或约束；
- 属性一般描述于开始标签中，而不是在结束标签中；
- 属性总是以名称/值对的形式出现，比如：name="value"；
- 在mac中，command＋？ 对某一行进行注释或者取消注释；
- 基础类
- 格式
- 表单
- 框架
- 图像
- 音频／视频
- 链接
- 列表
- 表格
- 样式／节
- 元信息：比如<head>
- 编程：比如<script>
- iframe URL该URL指向不同的网页。
- CSS
- script脚本
- <script> 标签用于定义客户端脚本，比如 JavaScript。
- <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
- JavaScript 最常用于图片操作、表单验证以及内容动态更新。
- 更多的标签，可以参考html参考手册：http://www.w3school.com.cn/tags/html_ref_byfunc.asp
- 属性可以分为全局性的属性和专有属性；
- 全局属性可以用于任何html元素；列表如：http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
- 事件属性是一类特殊的属性，也需要在开放标签中进行定义；
- HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。例如：<input type="button" name="点我" id="" value="点我" onclick="myFunction()" />，myFunction()是在script中定义的函数；
- 事件属性也分为全局性事件属性和元素专有的事件属性；
- 全局性事件包括：
- window事件属性
- form事件
- keyboard事件
- mouse事件，比如onclick，ondbclick
- media事件
- 具体事件属性列表可参见：http://www.w3school.com.cn/tags/html_ref_eventattributes.asp
关于html标签和属性的基本理解的更多相关文章
- 前端中关于HTML标签的属性for的理解
First:<label>的说明:1.<label>标签为input元素定义标注(标识)2.label元素不会像用户呈现任何特殊的效果,仅作为显示扩展:不过,它为鼠标用户改进了 ...
- web前端（6）—— 标签的属性，分类，嵌套
属性 HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中 1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序. 2.属性值要用引 ...
- HTML5 移动开发 （HTML5标签和属性）
第一阶 1.如何使用HTML5中的新标签及属性 2.HTML5中的其它变化 3.HTML5的移动支持 4.使用HTML5开发移动WEB引用的理由 第二阶 HTML5 ...
- Web前端开发最佳实践（5）：正确闭合HTML标签，停止使用不标准的标签和属性
正确闭合HTML标签 HTML元素的内容模型定义了元素的结构,表明元素可以包含哪些内容以及元素可以有哪些属性.元素可以包含的内容包括其他元素和字符,但是也有一些元素是空元素,即不能包含任何内容,这些元 ...
- 关于标签的属性-<a>
标签的属性可以分成两个大类 1.系统属性名:例如 id class src这些都是系统里自带的 2.自定义属性名:可以根据使用的需要自行定义 下面我们简短介绍一下<a>标签的使用 < ...
- HTML中的meta标签常用属性及其作用总结
文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTM ...
- HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
- php 内置支持的标签和属性
内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...
- video标签的属性和方法总结
最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...
随机推荐
- window环境下杀死tomcat
window环境下杀死进程 1.首先查找到占用8080端口的进程号PID是多少(tomcat默认是8080端口,假如你修改了tomcat的监听端口,请输入你的tomcat端口号) netstat -a ...
- 操作系统性能分析与优化V1.0
操作系统性能分析与优化V1.0 : http://www.docin.com/p-759561760.html
- Cocos2d-JS项目之二：studio基础控件的使用
在studio里把几个基础控件往场景文件一拖,然后导出json格式的资源文件 逻辑代码如下: var HelloWorldLayer = cc.Layer.extend({ sprite:null, ...
- javascript中apply()方法解析-简单易懂！
今天看到了js的call与apply的异同,想着整理一下知识点,发现了一篇好文章,分享过来给大家,写的非常好! 参考: http://www.cnblogs.com/delin/archive/201 ...
- MVC自定义视图规则
自定义规则: using System.Web.Mvc; using System.Configuration; namespace Research { public class ViewConfi ...
- MyEclipse自动生成hibernate实体类和配置文件攻略
步骤1:找到导航栏里面的window--showView然后输入db brower,打开数据库浏览窗口步骤2:在数据库浏览窗口里只有一个Myeclipse自带的数据库,该数据没有用,我们在空白的地方右 ...
- EFW框架问题收集与答疑
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.3:http://pan.baidu.com/s/1c0dADO0 EFW框架实例源代码下载:http://p ...
- 破解android手机图形锁
安卓手机的图形锁包括3*3,4*4,5*5的点阵,按次序连接数个点从而达到锁定/解锁的功能.以3*3为例,最少需要连接4个点,最多能连接9个点.在我们进行绘制图形的过程中,每选中这9个点中的一个点,实 ...
- CSS3 垂直居中 左右居中
display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: c ...
- php分享三十三：用php中的register_shutdown_function和fastcgi_finish_request
已前言 在php中又两个方法都是在请求快结束的时候执行.方法名分别是 register_shutdown_function和fastcgi_finish_request.虽然执行的时机差不多,但是功能 ...