html基础

。HTML基础
一.常见问题
1.声明定义文档类型 这是html5后更改的，但是现在基本适用，不适用考虑之前html声明格式即可
2.在头部进行声明 定义网站编码 有的浏览器定义编码为gbk，如360浏览器。
如果出现网页乱码，要考虑:
a.网页源代码编码与中文字输入编码不同-尽量使用代码编辑器，不要用Windows笔记本
b.网页设计编码与数据库存储编码不同-这个时候程序查询数据库数据显示数据前，进行程序转码即可。
c.浏览器造成乱码-在IE9浏览器中需要转码的网页空白出右键鼠标，即可选择“编码”。
傲游浏览器中浏览需要转码的网页时，菜单“查看”–>“编码”即可选择转换编码
谷歌浏览器中浏览需要转码的网页时，点击右上角“三横”图标选择“工具”–>“编码”即可选择切换网页编码达到让浏览器浏览此网页不是乱码。
3.html标题h1标签到h6
4.html段落p
6.img标签，引用图像 src指定图片引用位置 可用 width和 height属性来指定图片的宽度和长度
8.xhtml强制用小写作为标签书写形式，所以一律用小写保证代码正确性。
二,标签列表
（一）文件头标签
1.html元素一般在其头部可以定义属性，以名称和值的形式存在，值一般用双引号引用name=“value”，若属性本身有双引号则用单引号。
2.注释标签
a.普通注释标签
b通过“比较操作符”可以更灵活地对IE版本进行控制，用法是在IE前面加上“比较操作符”。合法的操作符如下：
lte：就是Less than or equal to的简写，也就是小于或等于的意思。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判断符相同

c.javascipt中 是为了防止有些浏览器不支持Javascript代码。
3是 HTML5 中唯一的 doctype，也被视作将网页 “升级” 到 HTML5 的第一步。
很多国外网站的 和 之间都会有一段注释,如:
<!—[if IE 6 ]><![endif]—>
<!—[if IE 7 ]><![endif]—>
<!—[if IE 8 ]><![endif]—>
<!—[if IE 9 ]><![endif]—>
<!—[if (gt IE 9)|!(IE)]><!—><!—<![endif]—>
改代码操作css，针对ie不同版本进行hack
（二）a开头标签
4.a标签
如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。
a.a标签的charset属性不被所有主流浏览器支持，html5不支持该属性,它的作用是规定目标URL的编码
b.coords属性通常与shape属性一起使用，两个属性可以规定object或img元素的尺寸，链接和形状。html5不支持,主流浏览器也不支持，如果想创建所有浏览器下都可以使用的图像映射可以用area
c.download属性定义了下载链接的地址。注：href属性必须在a标签中定义。html5新增属性
d.href指定url 可以是绝对地址，也可以是相对地址，也可以是锚点
e.hreflang用于指定被链接文档的语言，只有在设置href属性后才会生效
f.media是指定目标URL是为什么媒体或者设备进行展示，可以对显示的设备及大小进行规定可以css进行媒体查询并设计属性之后介绍****为html5新属性
g.name用来定义锚的位置，所有浏览器都支持，但是html5不再支持，用id属性代替
h.rel属性只有在指定href之后才能用，制定当前文档与链接文档之间的关系.html5不支持
j.rev 属性用于指定当前文档与被链接文档的关系。rev 属性是与rel 属性是相互对应的。html5不支持
k.target属性规定何处打开连接文档
l.type属性规定链接中指定的mine类型，只能在href属性定义后才能使用，html5新属性
5.abbr标签，用于定义某个单词的缩写或者简称，鼠标移到带有abbr标签的单词上面时会显示全称，具体应用是
WTO，所有浏览器都支持，ie6以下的浏览器不支持
6.acronym标签，用于定义缩写，但是html5不支持，才有abbr属性
7.address标签定义作者或者文档的所有者的联系方式
a.address如果在body内部则是文档的作者或者拥有者。如果在article则是文章的作者或者所有者，被所有浏览器兼容，除了浏览器5.5以下，文体一般是显示为斜体
html4.01不支持article，因此总是定义文档所有者的信息
8.applet标签不被html5支持，在html4.01中已经被废弃，建议使用object标签代替
9.area可点击的区域的图形映射，所有主流的浏览器都支持，始终嵌套在map标签中，img 标签中的 usemap 属性与

元素。

元素只是作为标注一个导航链接的区域。在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求，这是html5新标签
2.noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。html5不支持该标签
3.noscript 元素用来定义在脚本未被执行时的替代内容（文本）。
无法识别 script 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做，您应当在注释标签中隐藏脚本。老式的（无法识别 script）浏览器会忽略注释，这样就不会把标签的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它们被包围在注释标签中！
在 HTML 4.01 中，noscript 标签只允许插入到 元素中。
在 HTML5 中，noscript 标签可以插入到 head和 body区域中。
xhtml不支持该属性
（十四）o开头标签
1.object标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
a.align规定object相对于周围元素的定义情况，但是html5不支持，HTML4已经废弃
b.archive由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。html5不支持
c.border HTML5 不支持。HTML 4.01 已废弃。 规定 object 周围的边框宽度。
d.classid HTML5 不支持。定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值，此属性可用来指定浏览器中包含的对象的位置，通常是一个 Java 类。
e.codebase HTML5 不支持。定义在何处可找到对象所需的代码，提供一个基准 URL。
f.codetype HTML5 不支持。通过 classid 属性所引用的代码的 MIME 类型。
g.data 规定对象使用的资源的 URL。
h. declare HTML5 不支持。定义该对象仅可被声明，但不能被创建或例示，直到该对象得到应用为止。
i.form 规定对象所属的一个或多个表单。
j.height规定对象的高度。
k.hspace HTML5 不支持。HTML 4.01 已废弃。 规定对象左侧和右侧的空白。
l.name 为对象规定名称。
m.standby HTML5 不支持。定义当对象正在加载时所显示的文本。
n.type 规定 data 属性中规定的数据的 MIME 类型。
o. usemap规定与对象一同使用的客户端图像映射的名称.
p.vspace HTML5 不支持。HTML 4.01 已废弃。 规定对象的顶部和底部的空白。
q. width规定对象的宽度。
2.ol 标签定义了一个有序列表. 列表排序以数字来显示。
a.compact HTML5中不支持，不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。几乎所有浏览器都不支持该属性
b.reversed指定列表倒序(9,8,7…),html新属性。目前只有 Chrome 和 Safari 6 支持 reversed 属性。
c.start固定列表的开始值。HTML5不支持，不赞成使用。请使用样式取代它。 规定列表中的起始点。
d.type规定列表的类型。不赞成使用。请使用样式代替。
3.optgroup标签把相关的选项组合到一起
a.disabled规定禁用该选项组
b.label 为选项组规定描述。
4.option 标签定义下拉列表中的一个选项（一个条目）。
option 标签中的内容作为 select 或者datalist 一个元素使用。
a.disabled规此选项应在首次加载时被禁用
b.label定义当使用 时所使用的标注。
c.selected规定选项（在首次显示在列表中时）表现为选中状态。
d.value定义送往服务器的选项值。
5.output 标签作为计算结果输出显示(比如执行脚本的输出)。这是html5新标签，
a.for规定计算元素和计算结果之间的关系
b.form定义输入字段所属一个或者多个表单
c.name定义对象的名称
（十四）p开头标签
1.p标签定义段落，这是块级元素
HTML 4.01中标签的 align 属性已经废弃，HTML5不支持该属性。
2.param标签支持大部分主流浏览器。但是 object 定义的文件格式不是所有的浏览器都支持。
param元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 object或者 applet标签提供参数。
a.name定义参数的名称
b.type定义MIME类型参数，html5不支持
c.value描述参数值
d.valuetyp描述参数值的类型，html5不支持
3.pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
width属性在 HTML 4.01 中，“width” 属性已废弃，不可使用。 HTML5 不支持"width"属性。
4.picture这是html5新属性
picture 元素允许我们在不同的设备上显示不同的图片，一般用于响应式。让图片调整更加灵活
picture元素零或多个 source 元素和一个 img 元素，每个 source 元素匹配不同的设备并引用不同的图像源，如果没有匹配的，就选择 img 元素的 src 属性中的 url。
注意:img元素是放在最后一个 picture 元素之后，如果浏览器不支持该属性则显示 img 元素的的图片。
5.progress是html5新属性，该标签定义运行中的任务进度，配合js使用
a.max表示规定要完成的值
b.value规定当前的进度值
（十四）q开头标签
1.q标签定义一个短的引用，cite规定引用源得url
（十五）r开头标签
1.rp 标签在 ruby 注释中使用，以定义 不支持 ruby 元素的浏览器所显示的内容。ruby 注释是中文注音或字符。在东亚使用，显示的是东亚字符的发音。这是html5新标签
2.rt标签定义字符（中文注音或字符）的解释或发音。这是html51新属性
3.ruby 标签定义 ruby 注释（中文注音或字符）。将 ruby标签与 rt 和 rp 标签一起使用
（十六）s开头标签
1.s标签标记被删除了的文档。对那些没有用的文本，或者废弃文本进标识，在html4中该属性已经被废弃，但是html5又重新进行了定义
2.samp 标签是一个短语标签，用来定义计算机程序的样本文本。
3.script 标签用于定义客户端脚本，比如 JavaScript。
script元素既可包含脚本语句，也可以通过 “src” 属性指向外部脚本文件。JavaScript 通常用于图像操作、表单验证以及动态内容更改。
a.async规定异步执行脚本，仅适用于外部脚本,这是html5新属性
b.charset规定在脚本中使用的字符编码（仅适用于外部脚本）。
c.defer规定当页面已完成解析后，执行脚本（仅适用于外部脚本）。
d,src规定外部脚本的url
e.type规定外部脚本的mime类型
f.xml:space HTML5 不支持。规定是否保留代码中的空白。
4.section标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。这是html5新标签
5.select元素用来创建下拉列表。这是一个表单控件。可用于在表单中接受用户输入
a.autofocus规定在页面加载时下拉列表自动获得焦点。这是html5新标签
b.disabled当该属性为 true 时，会禁用下拉列表。
c.form定义 select 字段所属的一个或多个表单。这是html5新标签
d.multiple当该属性为 true 时，可选择多个选项。
e.name定义下拉列表的名称。
f.required规定用户在提交表单前必须选择一个下拉列表中的选项。这是html5新标签
g.size规定下拉列表中可见选项的数目。
6.small 标签定义小型文本（和旁注）。
7.source标签为媒体元素（比如 video和 audio）定义媒体资源。这是html5标签
source 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。
a.media规定媒体资源的类型，供浏览器决定是否下载。
b.src规定媒体文件的 URL。
c.type规定媒体资源的 MIME 类型。
8.span 用于对文档中的行内元素进行组合。标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
9.strike给文本添加删除线，请用del代替，html5不支持
10.strong 标签是一个短语标签，html4中用来给文本加粗，html5中用来定义计算机程序的样本重要的文本。
11.style 标签定义 HTML 文档的样式信息。在 style元素中，您可以规定在浏览器中如何呈现 HTML 文档。每个 HTML 文档能包含多个 style 标签。注释：如果没有使用 “scoped” 属性，则每一个

1. table标签定义 HTML 表格
   a.align HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
   b.bgcolorHTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
   c.boder规定表格单元是否拥有边框。在 HTML5 中，仅支持 “border” 属性，并且只允许使用值 “1” 或 “”。
   d.cellpadding HTML5 不支持。规定单元边沿与其内容之间的空白。
   e.cellspacing HTML5 不支持。规定单元格之间的空白。
   f.frame HTML5 不支持。规定外侧边框的哪个部分是可见的。
   g.rules HTML5 不支持。规定内侧边框的哪个部分是可见的。
   h.summary HTML5 不支持。规定表格的摘要。
   i.width HTML5 不支持。规定表格的宽度。
   2.tbody 标签用于组合 HTML 表格的主体内。与thead 和 tfoot 元素结合起来使用，用来规定表格的各个部分（主体、表头、页脚）。tbody标签必须被用在以下情境中：作为 table 元素的子元素，出现在 caption、colgroup和 thead 元素之后。注释：tbody 元素内部必须包含一个或者多个 tr标签。
   a.align HTML5 不支持。定义 tbody 元素中内容的对齐方式。
   b.char HTML5 不支持。规定 tbody 元素中内容根据哪个字符来对进行文本对齐。
   c.charoff HTML5 不支持。规定 tbody 元素中内容的第一个对齐字符的偏移量。
   d.valign HTML5 不支持。规定 tbody 元素中内容的垂直对齐方式。
   3.td 标签定义 HTML 表格中的标准单元格。
   a.abbr HTML5 不支持。规定单元格中内容的缩写版本。
   b.align HTML5 不支持。规定单元格内容的水平对齐方式。
   c.axis HTML5 不支持。对单元格进行分类。
   d.bgcolor HTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。
   e.char HTML5 不支持。规定根据哪个字符来进行内容的对齐。
   f.charoff HTML5 不支持。规定对齐字符的偏移量。
   g.colspan规定单元格可横跨的列数。
   h.headers规定与单元格相关联的一个或多个表头单元格。
   i.height HTML5 不支持。HTML 4.01 已废弃。设置单元格的高度。
   j.nowrapHTML5 不支持。HTML 4.01 已废弃。规定单元格中的内容是否折行。
   k.rowsapn 设置单元格可横跨的行数。
   l.scope HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
   m.valignHTML5 不支持。规定单元格内容的垂直排列方式。
   n.width HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。
   4.textarea标签定义一个多行的文本输入控件。
   a.autofocus规定当页面加载时，文本区域自动获得焦点。这是html5新属性
   b.cols规定文本区域内可见的宽度。
   c.disabled规定禁用文本区域。
   d.form定义文本区域所属的一个或多个表单。这是html5新属性
   e.maxlength规定文本区域允许的最大字符数。这是html5新属性
   f.name规定文本区域的名称。
   g.placeholder规定一个简短的提示，描述文本区域期望的输入值。这是html5新属性
   h.readonly 规定文本区域为只读。
   i.required 规定文本区域是必需的/必填的。这是html5新属性
   j.rows 规定文本区域内可见的行数
   k.wrap 规定当提交表单时，文本区域中的文本应该怎样换行。这是html5新属性
   5.tfoot 标签用于组合 HTML 表格的页脚内容。
   a.align HTML5 不支持。定义 tfoot 元素中内容的对齐方式。
   b.char HTML5 不支持。规定 tfoot 元素中内容根据哪个字符来对进行文本对齐。
   c.charoff HTML5 不支持。规定 tfoot 元素中内容的第一个对齐字符的偏移量。
   d.valign HTML5 不支持。规定 tfoot元素中内容的垂直对齐方式。
   6.th标签定义 HTML 表格中的表头单元格。
   a.abbr HTML5 不支持。 规定表头单元格中内容的缩写版本。
   b.align HTML5 不支持。 规定表头单元格内容的水平对齐方式。
   c.axis HTML5 不支持。 对表头单元格进行分类。大部分浏览器不支持该属性
   d.bgcolor HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的背景颜色。
   e.char HTML5 不支持。 规定根据哪个字符来进行内容的对齐。
   f.charoff HTML5 不支持。 规定对齐字符的偏移量。
   g.colspan 规定表头单元格可横跨的列数。
   h.headers 规定表头单元格可横跨的列数。
   i.height HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的高度。
   j.nowrap HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格中的内容是否折行。
   k.rowspan 规定表头单元格可横跨的行数。
   l.scope 规定表头单元格是否是行、列、行组或列组的头部。
   m.valign HTML5 不支持。 规定表头单元格内容的垂直排列方式。
   n.width HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的宽度。
   7.thead 标签用于组合 HTML 表格的表头内容。
   a.align HTML5 不支持。定义 thead 元素中内容的对齐方式。
   b.char HTML5 不支持。规定 thead 元素中内容根据哪个字符来对进行文本对齐。
   c.charoff HTML5 不支持。规定 thead元素中内容的第一个对齐字符的偏移量。
   d.valign HTML5 不支持。规定 thead 元素中内容的垂直对齐方式。
   8.time 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。这是html5新属性
   a.date规定日期/时间。另一种方式，则是由元素的内容给定日期/时间。这是html5新属性
   b.pubdate(该属性仍在被 WHATWG 和 W3C 组织设计和讨论中。) 指示 time元素中的日期 / 时间是文档（或最近的前辈 article 元素）的发布日期
   8.title 标签定义文档的标题，在所有 HTML 文档中是必需的。
   9.tr 标签定义 HTML 表格中的行。
   a.align HTML5 不支持。定义表格行的内容对齐方式。
   b.bgcolor HTML5 不支持。HTML 4.01 已废弃。 规定表格行的背景颜色。
   c.char HTML5 不支持。规定根据哪个字符来进行文本对齐。
   d.charoff HTML5 不支持。规定第一个对齐字符的偏移量。
   e.valignHTML5 不支持。规定表格行中内容的垂直对齐方式。
   10.track 标签为媒体元素（比如 audio and video）规定外部文本轨道。IE 10、Opera 和 Chrome 浏览器支持 track 标签。这是html5新标签
   a.default规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。
   b.kind 规定文本轨道的文本类型。
   c.label 规定文本轨道的标签和标题。
   d.src必需的。规定轨道文件的 URL。
   e.srclang 规定轨道文本数据的语言。如果 kind 属性值是 “subtitles”，则该属性是必需的。
   11.tt 标签定义打字机文本。html5不支持
   （十五）u开头标签
   1.u 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。尽量避免他，以免用户当成链接，HTML4中已经废弃。html5有重新定义
   2.ul标签定义无序列表。
   a.compact HTML5 不支持。HTML 4.01 已废弃。 规定列表呈现的效果比正常情况更小巧。
   b.type HTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。
   （十六）v开头标签
   1.var 标签是一个短语标签，用来定义变量。
   2.video 标签定义视频，比如电影片段或其他视频流。支持三种视频格式：MP4、WebM、Ogg。这是html5新标签
   a.autoplay如果出现该属性，则视频在就绪后马上播放。
   b.controls如果出现该属性，则向用户显示控件，比如播放按钮。
   c.height 设置视频播放器的高度。
   d.loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
   e.muted 如果出现该属性，视频的音频输出为静音。
   f.poster 规定视频正在下载时显示的图像，直到用户点击播放按钮。
   g.preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
   h.src 要播放的视频的 URL。
   i.width 设置视频播放器的宽度。
   （十七）w开头标签
   1.wbr (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。这是html5新标签