一. Web标准
Web标准是由w3c和其他标准化组织制定的一系列标准的集合,主要包括结构 , 表现 , 和行为三个方面.
1.结构标准:结构用于对网页元素进行整理和分类,主要包括Xml和HTML两个部分
2.表现标准:表现用于设置网页的版式,颜色,大小等外观的样式,主要是指css
3.行为标准:行为指网页模型的定义以及交互的编写,主要;包括DOM和ECMAScript , 简称js
二.HTML的部分标签和作用
1.<title> 设置页面的标题,位于头部标记head中,
2.<base> 设置基底网址,基底网址用来设定浏览器中的文件路径(设置到某个文件,调用超链接时,自动到该文件下找<a>标签的属性href中的值) 如下有超链接标签 : <a href="index" > A</a> 到文件下找名为index的页面. 除此之外,base中的href是外网的话,用来将超链接标签中所有没有href属性或者href属性为空的设置为同样的base中的地址. 一个网页中只能有一个base标签, 如果base中只有target属性,则他控制所有超链接中没有target属性的超链接标签
3.<meta> 定义元信息,定义页面中的一些信息,但是不会出现在页面中,在源文件中显示.
通过<meta>一些属性来定义文件信息,如:关键字,作者信息, 网页的过期时间等.
属性;http-equiv 是指一个http的标题域,但确定只有content属性决定,name属性用来设置元信息出现的形式,content属性设置元信息出现的内容
(1).设置页面关键字 keywords
<meta name= "keywords" content = "value" /> content中的属性可以有多个,在引擎中搜任一关键字都会找到该网页
(2).设置网页过期时间
<meta http-equiv="expries" content = "value" />
4.<body> 主体内容 属性:bgcolor 背景色 topmargin leftmargin rightmargin bottomnargin 页面边距 text 正文颜色
5.<s> <del> 双标记 将之间的文字添加删除线
6.<ruby> 被说明的文字 <rt> 标注</rt> </ruby> 给文字添加标注
7.<b> <strong> 加粗 <i> <em> 斜体 <u> <ins> 下划线 单字母的标签没有强调作用
8.确性文字上下标 <sup> 上标 <sub> 下标 双标记
9.<address> 地址标记, 更方便突出联系方式
10.等宽文字设置 <tt> 打字机风格 <code> <samp> 等宽文字 <kbd> 键盘输入风格
11.huich<br />
12.段落<p> 进行段落定义,不能进行段落的格式定义
13.预格式化 <pre> 对段落的格式可进行定义
14.<blockquote> 段落缩进 5 个字符 <hr /> 插入水平线
15.列表使用 定义列表 <dl> <dt> 名称 <dd> 说明 (一个dt后可以加多个dd ,也可在实现列表的嵌套)
无序列表 <ul> <li> 项目名称 带圆点的列表
有序列表 <ol> <li> 项目名称 带序号的列表
16.设置图像的映射
<img src="" usemap="" ></img> (usemap的值是map标签中的name的属性值开头加上# ,img 标签中的另外的属性 alt 显示不出图片时的替代文本 , title 鼠标放在图片上的显示文字)
<map name="" >
<area shape="" coords=" , , , " href="" > //coords 中表示感应区域的坐标 shape属性是映射的行状, rect 矩形
circle 椭圆 poly 多边形
</map>
17.表格table
表格中有行和列,他们的标签为 :行 tr 列 td
其他的如:<captain> 表格标题 <th> 表格表头,表头放在开都作为加粗显示
划分结构表格<thead> 表头 <tfoot>最后的标注 <tbody> 中间位置
表格的属性:width 宽度 border 边框 cellspacing 单元格间距 cellpadding 单元格边距(单元格内容和单元格边框的距离) frame 和 rules 设置边框的样式, 属性值对上下左右边框的显示做出了限定
表格行tr中的属性:align 行内容水平对齐 left center right 三个值
valign 行内容垂直对齐 top middle bottom baseline
表格列td中的属性:rowspan 跨行 colspan 跨列
18.锚点定位
在超链接中加上#id名, 可以定位到当前的锚点所在的位置 ,如下:<a href = "#live">锚点 </a> <h3 id="live" > 位置 </h3>
19.label标签 点击文本进入文本框.用一个input时,用label直接包括就可以了 <label><input type="text" /><label>
或者有多个input在同一个label中上述的简单的包括就不知道是进入哪个文本框,就使用for属性 , for属性的值,是哪个input的id,就进入哪个,如: <label for="id值"> ....... </label>
20.datalist HTML5新增的属性(html5新增的属性很多,在这里只介绍datalist) 意思是 标签定义选项列表
与input一起使用可以在输入时起到提示作用,像是在网页中查找给出的提示,使用方法如下:
<input type="text" list = "id" /> //此处的id和datalist中的id值一样
<datalist id="id">
<option> value </option>
<option> value </option> // 只能提示option中给出的值,如果有autocomplete也不会增加新值
<option> value </option>
</datalist>
21. input的常用几个属性
1) input的text类型的文本输入框,如果有默认的value值, 必须删除之后才能输入, 用placeholder 占位符 属性可以当输入是里面的文字会消失,删除所有文字,自动返回
2) 进入网页时,光标自动进入焦点: 用autofocus属性 , autofocus =" autofocus" 或者 只写 autofocus
3) autocomplete 是否启动自动完成,value值为on 或 off, 表单提交后,再次输入的时候输入一个或多个字母有提示,要求input 中必须有name属性 , 可以只写autocomplete,表示启动
4) required 表示该空必填,不能为空 没用可选值
5)accesskey 规定激活元素的快捷键 ,采用alt + 字母的形式, <input type = "text " accesskey="s"> 表示用alt+s激活
22.多媒体 <embed> 用来插入各种多媒体
HTML5新增了插入音频audio和视频video的标签 (只介绍audio)
<audio> 插入音频 autoplay 控制属性自动播放 loop 控制循环次数 value值为-1的时候,无限循环 , controls 显示控件 ,音频的格式有:wav ogg MP3 ,为了保证所有浏览器都能播放,尽量都放上, 方法如下:
<audio controls>
<source src=" .mp3" />
<source src=" .ogg" />
</audio>