html学习笔记二（W3CSchool）
1. 确保使用标题标签时是因为确实内容为标题而不是为了大号的字体，搜索引擎会使用标题为网页结构和内容编制索引
2.<pre>标签：预格式文本，保留了空格和换行，适合显示代码
3. 为文本添加删除线：<del>；添加下划线：<ins>
4.align属性在XHTML和html 4.01中不被支持，例如<span align="center">，请在样式表中进行定义：text-align:
5.使用<span>来组合行内元素并使用样式设计其外观
6.<a>标签
（1）target属性：规定链接以什么方式打开，如target="_blank"则将在新窗口打开链接
（2）name属性：起到锚的作用，可在同一页面中跳转到锚指向的位置，例如
<a href="#link2" name="link1">跳转到link2</a> <a name="link2">link2</a>还可在其他页面中创建跳转到该锚的连接，将#和锚的name添加到URL末端即可：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>用途： 命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。
（3）href属性除了用来填写链接到的URL外还可启动电子应用
7.相对路径：
../表示源文件所在目录的上级目录，../../表示上上级目录，一次类推
8.img与同一行的文字默认的对齐方式是：图片和文字的bottom对齐，可通过align="bottom/middle/top"属性来进行设置或者在样式表中使用vertical-align来设置；另外 align属性设为left或right还可将图片浮动到文字左右边
9.图像地图
定义图像中多个区域为超链接，使用map标签，且在Img的usemap属性中引用map的id和name属性
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> //<span style="font-family: Verdana, Arial, 宋体; line-height: 18px; background-color: rgb(249, 249, 249);"><img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所 以我们应同时向 <map> 添加 id 和 name 属性</span> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> //定义图像映射中的区域 <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>
10.table中的<col>标签用于对一列或多个列定义属性，可为其添加class，这样就可以为其添加样式了；colgroup属性用于将列分组，每组分别应用某种样式
11.div是容纳其他html元素的容器，span可看做文本等行内元素的容器
12.带标题的表单
<form>
<fieldset>
<legend>健康信息</legend> //定义表单域的标题
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form> // fieldset可将表单中的内容进行分组
13.action属性中填入邮件相关内容可将表单内容当做邮件正文内容发送，点击提交按钮会启动本地右键应用
<form action="MAILTO:[email protected]" method="post" enctype="text/plain">14. 下拉列表<opgroup>用于定义选项组，对选项进行分组
<select>
<optgroup label="Swedish Cars"> //label对选项组进行描述
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>
15.框架：用了框架就不要用body标签
（1）导航框架
通过导航框架可在浏览器的某个区域切换不同页面
例如，在main.html中包含两个框架:
<frameset cols="120,*">
<frame src="links.html">
<frame src="showframe.html" name="showframe"> //name指定链接到的框架名
</frameset> links.html中包括：
<a href="HTMLlabelTest.html" target="showframe">HTMLlabelTest.html</a> //由target属性指定在哪个框架中显示 <a href="noWidthCenter.html" target="showframe">noWidthCenter.html</a>（2）内联框架
<iframe>设定内联框架，即在当前网页中插入另一个网页，该标签要嵌套在body标签中
16.图像文件一般不应该超过10k，尽量缩短加载时间
17.应用background时，若图像小于背景大小，则默认情况下是重复铺满屏幕
18.base标签
可为页面链接设定基准URL，在链接中给出相对URL即可，会自动寻找base中的基准URL从而连接为完整的URL，例如
图片的完整url为：
<img src="http://www.w3school.com.cn/i/pic.gif" />则可通过设置基准url方式实现：
<head> <base href="http://www.w3school.com.cn/i/" /> </head>
<pre name="code" class="html"><img src="pic.gif" />
还可设定所有链接打开的方式，例如
<base href="http://www.w3school.com.cn/css/" target="_blank" />
最好把<base>标签放在<head>的第一个位置，这样后面的元素就可以利用基准地址了
19. 重定向到新的网址
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /> //5s后重定向到url中指定的地址
20.使用<noscript>标签可在用户浏览器不支持脚本时显示该标签中的文字
媒体
21.插件
（1）是一种扩展浏览器基本功能的小型程序，插件可用于播放音乐视频、验证银行账号等；
（2）可使用<object>或<embed>(用于Html5，在html4中无效)标签将插件添加到html网页中。<audio>标签页可以插入音频，是一个html5元素，对所有浏览器都有效。
在audio标签中末尾嵌套一个embed标签，当audio不可用时则执行embed标签。
（3）使用雅虎的播放器可实现多种音频格式的播放，只需在网页中添加一端JS代码：？？？没用啊
<a href="song.mp3">Play Sound</a> <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"> </script>
22.object标签
<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
23.插入视频
video标签
说明：最好的嵌套方法是 html5元素（object（embed））