前端学习之html5(1)
来源:互联网 发布:常用的网络命令有哪些 编辑:程序博客网 时间:2024/04/29 08:17
html5重要标签:
1.<!--....-->注释标签,定义注释,不会显示在浏览器中,合理的注释有利于代码开发的规范,有利于后期的再次开发和维护。<!--...//-->是JavaScript的注释符号。
2.<!DOCTYPE>声明,指示web浏览器关于页面使用的html的版本。为了文档规范,一般都需要加<!DOCTYPE>声明。<!DOCTYPE>声明没有结束标签,对大小写不敏感。<!DOCTYPE>声明必须是html文档的第一行,且位于<html>标签之前。对于html5的<!DOCTYPE>声明形式是<!DOCTYPE html>。
3.<a>标签,指向超链接。重要属性有href、target。其中href属性指示超链接的目标地址,traget属性规定链接在何处打开。target的取值有_blank(在新窗口打开)、_parent(在父窗口或是包含该超链接引用的框架)、_self(在当前窗口或框架)、_top(清除所有被包含的框架,将文档载入整个窗口)、framename(指定框架)。target默认取值是_self。
<a href="http://blog.csdn.net/hanerlily/article/details/24842883" target="_blank">我的博客</a>
4.<abbr>标签,标记一个缩写,当鼠标放在该缩写上时会出现起全写,为浏览器、搜索引擎、拼写检查提供有用信息。
the <abbr title="People's Republic of China">PRC</abbr> was founded in1948.
5.<audio>音频标签,是html5的新标签,中间可以添加文本,当浏览器不支持该标签是,可显示其中的文本。
6.<base>标签,在html中没有结束标签,要位于<head>元素内部,使用指定的基本URL来解析相对URL。重要属性为href、target。其中target默认为_blank。
<head>7.<br>换行。正确写法为<br/>。<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>
8.<button>按钮。重要属性有:disabled、name、type、value。
<button disabled="disabled">hello</button> (表示该按钮不能用)
type取值有button(默认),submit(提交),reset(重置),但是不同的浏览器type默认值不一样,所以需要指定type值。
在表单中使用按钮推荐使用<input>标签。
<input type="button" value="enen"></input> (其中value的取值出现在按钮里)
9.<datalist>是html5的新标签,定义选项列表,它仅仅是合法输入值列表,使用input的list属性进行绑定。
<input list="kk">
<datalist id="kk">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
</input>
10.<div>定义文档中的分区或节,是非常重要的一个标签,可以将文档分割成独立的不同部分,是一个会计元素,这意味它的内容会自动换行,换行是<div>的样式表现,可以使用其他样式对其格式化。
11.所有html中的有样式表现的标签或属性都不推荐使用,建议使用css样式。
- 前端学习之html5(1)
- 前端学习之路html5(01)-特性
- 前端学习之路html5(02)-特性
- 前端学习之路html5(03)-特性
- 前端学习之路html5(04)-特性
- 前端学习之路html5(05)-特性
- 前端知识深入学习(1)---HTML5标签变化
- 前端学习总结(一)HTML5基础
- 【HTML5】DOMContentLoaded事件 (前端学习第一节)
- 前端学习总结(一)HTML5基础
- 前端html5学习笔记
- 前端学习系列-html5
- 前端学记之html5-1
- HTML5学习之路(1)
- 前端面试之HTML5篇
- html5学习之路-------1
- Html5学习之旅(1)
- Web前端学习笔记(1)-Html5与Html4的区别
- 如何打造一篇让用户感觉有用的文章
- 新鲜出炉! Fusion 360 API最新动态在线会议的资料可以收看下载了!
- Keil μVision 4 目标工具选项详解
- 【j2ee spring】6、spring与数据库的连接配置
- CyclicBarrier介绍及使用说明
- 前端学习之html5(1)
- R语言和java通信(Rserve)
- WPF 命令参数案例
- Windows Server 2012 实用系列教程
- [Unity实战]换装系统的原理
- Eclipse调试Android程序-Logcat不显示调试信息
- 手机浏览器在苹果商店该如何选择?
- 黑马程序员-OC-三大特性
- UIWebview点击图片实现大图浏览