4.aside 标签：该标签定义article 以外的内容，Aside 的内容应该与article 的内容相关。表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏。导航条以及广告。aside 的主要用法：

标签中作为主要内容的附属信息部分，其中的内容可以是与当前文档有关的参考资料、名词解释等。

b.在

标签之外使用，作为页面或站全局的附属信息部分。5.time 标签与徽格式：代表24小时的某个时刻或某个日期，表示时刻允许带时差，可以包括如下格式：

time 标签的“pubdate ”是一个可选的booleam 型属性，可以用在article 标签中的time 标签上，表示具体发布日期。

10、新增的非主体结构标签

1.header 标签：是页面加载的第一个标签，包含了站点的标题、Logo 、网站导航等。是一种具有引导和导航作用的结构标签，通常用来放置整个页面或页内的一个内容区块的标题。header 标签中可以包含多个“h1~h6”标签、hgroup 标签、nav 标签、form 标签、table 标签等。

2.hgroup 标签：是将标题及其子标题进行分组的标签，通常用于对网页或区段的标题进行组合。

3.footer 标签：通常包括其相关区块的教主信息。

4.address 标签：用来在文档中呈现联系信息，包括文档或文档维护者的名字、导航信息、邮箱、电话号码等。

11、HTML 标签

1、文档结构标签...,...,...

2、文本格式标签...,...:其中i 表示1、2、

3、

4、5

...

2010年11月13日11月13日我的生日我生日的晚上8点我生日的晚上8点我生日的晚上8点

...

:标识预定义文本

...

:标识引用文本

3、字符格式标签

...:加粗效果显示

...:斜体效果显示

...:以闪烁效果显示

...:标识放大文本，以放大效果显示

...:标识缩小文本，以缩小效果显示

^...:标识上标文本，以上标效果显示

_...:标识下标文本，以下标效果显示

...:标识引用文本，以引用效果显示

4、列表标签

...:标识无序列表

...:标识有序列表

...

标识列表项目

5、链接标签

....:标识超链接，另外还可以定义锚点。

6、多媒体标签

:嵌入图片

...:嵌入多媒体

:嵌入多媒体

7、表格标签

....

:定义表格结构

....:定义表格标题

,,,:定义表头

...定义表头

...:定义表格单元格

8、表单标签

,,,:定义表单结构

:定义文本域、按钮和复选框

...:定义多行文本框

:定义下拉列表

:定义下拉列表中的选择项目

12、HTML5新增功能元素

1、hgroup元素，用于对整个页面或页面中一个内容区块的标题进行组合。例如：

...

在HTML4中表示为：

...

2、figure元素：表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。例如：

标题

内容...

在HTML4中表示为：

标题

内容

3、video元素：定义视频，比如电影片段或其他视频流。例如：

4、audio元素：定义音频，比如音乐或其他视频流。例如：

5、embed元素：用来插入各种多媒体，格式可以是MIDI、WA V、AIFF、AU、MP3等。例如：

6、mark元素：用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。mark元素的一个比较典型的应用就是在搜素结果中向用户显示搜素关键词。例如：

7、time元素：表示日期或时间，也可以同时表示两者。例如：

8、canvas元素：表示图形，如果表和其他图像。这个元素本身没有行为，仅提供一种画布，但他把一个绘图API展现给客户端JavaScript，以使脚本能够把想绘制的东西绘制在这块画布上。例如：

9、output元素：表示不同类型的输出，比如脚本的输出。例如：

10、source元素：为媒介元素定义媒介资源。例如：

11、menu元素：表示菜单列表。当希望列出表单控件时使用该标签。例如:

Red

Blue

12、ruby元素：表示ruby注释（中文注音或字符）。例如：

汉

rt元素：标识字符（中文注音或字符）的解释或发音。例如：

rp元素：在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容。例如：

13、wbr元素：表示软换行。wbr元素与br元素表示的区别是br元素表示此处必须换行；而wbr元素的意思是浏览器的窗口或父级元素的宽度足够宽时（没必要换行时）不进行换行，而当宽度不够时，主动在此处进行换行。

14、command元素：表示命令按钮，如单选按钮、复选框或按钮等。例如：

15、details元素：表示用户要求得到并且可以得到的细节信息，可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的，用户单

击标题时，会显示细节信息。summary元素应该是details元素的第一个子元素。

16、datalist元素：表示可选数据的列表，与input元素配合使用，可以制作出输入值的下拉列表。例如：

17、datagrid元素：表示可选数据的列表，它以树形列表的形式来显示。例如：

18、keygen元素：表示生成密钥。例如：

19、progress元素：表示运行中的进程，可以使用progress元素来显示JavaScript中耗费时间的函数的进程。例如：

email:表示必须输入E-mail地址的文本输入框。

url：表示必须输入URL地址的文本输入框。

number：表示必须输入数值的文本输入框。

range：表示必须输入一定范围内数字值的文本输入框。

Date Pickers：HTML5拥有多个可选取日期和时间的新型输入文本框。

date—选取日、月、年。

month—选取月、年。

week—选取周、年。

time—选取时间（小时和分钟）。

datetime—选取时间、日、月、年（UTC时间）。

datetime-local—选取时间、日、月、年（本地时间）。

13、HTML5全局属性

1、contentEditable属性：主要功能是允许用户在线编辑元素中的内容。contentEditable是一个布尔值属性，可以被指定为true或false。此外，该属性还有个隐藏的inherit（继承）状态，属性值为true时，元素被指定为允许编辑；属性值为false时，元素值被指定为不允许编辑；未指定true或false时，则由inherit 状态来决定，如果元素的父元素是可编辑的，则该元素就是可编辑的。例如：

一个人的生活

一个人的生活

一个人的生活

如果要想保存编辑过的内容，只能把该元素的innerHTML发送到服务器端进行保存，因为改变元素内容后该元素的innerHTML内容也会随之改变，目前还没有特别的API来保存编辑后元素中的内容。

2、designMode属性：用来指定整个页面是否可编辑，当页面可编辑时，页面中任何支持上文所述的contentEditable属性的元素都变成可编辑状态。designMode属性只能在JavaScript脚本里被编辑修改。该属性有两个值：on与off。on表示可编辑；off表示不可编辑。使用JavaScript脚本来指定designMode 属性的用法如下所示。

document.designMode=”on”

3、hidden属性：该属性类似于input元素中的hidden元素，功能是通知浏览器不渲染该元素，使该元素处于不可见状态。但是元素中的内容还是浏览器创建的，也就是说页面装载后允许使用JavaScript脚本将该属性取消，取消后该元素变为可见状态，同时元素中的内容也即时显示出来。hidden属性是一个布尔值的属性，当设为true时，元素处于不可见状态；当设为false是，元素处于可见状态。

4、spellcheck属性：是HTML5针对input元素与textarea这两个文本输入框提供的一个新属性它的功能为对用户输入的文本内容进行拼写和语法检查。spellcheck属性是一个布尔值的属性。

5、tabindex属性：是开发的一个基本概念，当不断按tab键让窗口或页面中的控件获得焦点，对页面中的所有控件进行遍历的时候，每一个控件的tabindex 表示该控件是第几个被访问到的。

注：

1.在标签中，title属性为设置该属性的元素提供建设性的信息。title属性有一个很好的用途，即为链接添加描述性文字，特别是当连接本身并不是十分清楚地表达了链接的目的。

2.是链接到本页，因为你有的时候需要有个链接的样式，但是又不希望他跳转，这样写。

3.target属性：

_blank--在新窗口中打开链接

_parent--在父窗体中打开链接

_self--在当前窗体打开链接,此为默认值

_top--在当前窗体打开链接，并替换当前的整个窗体(框架页)一个对应的框架页的名称--在对应框架页中打开

构成的是一个有序列表
5.在标签中，rel是关联的意思，关联的是一个样式表（Stylesheet）文档，它表示这个link在文档初始化时将被使用。一般这里是不需要改动的。
6.“list-style:none;”是用于在一个声明中设置一个列表的所有属性的简写属性。该属性是一个简写属性，涵盖了所有其他列表样式属性，仅作用于具有display 值等于list-item的队形（如li对像）。
7.padding简写属性在一个声明中设置所有内边距属性。
8.”display:inline;”语句的作用是设置对象作为行内元素显示，inline是内联对象的默认值。而一般用的div是块级元素，默认display属性是block，但将
的display设置为inline的话，则多个
可以像标签一样显示在一行了。
9.id的优先级高于class，所以如果对于某个特定的元素，我们想赋予特定的样式，可以给它加id。但是反过来，如果我们一开始就是用id，你去加class是没有效果的啦。归总起来一句话：ID是唯一的并是父级的，CLASS是可以重复的并是子级的。
ID与CLASS的使用技巧：
1）.子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明
确层次关系。
2）.CLASS中的子级最好不用ID。当然特殊情况特殊对待。
3）.CLASS的命名最好命名用大小写合用。例.newMovie这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。
优先级：Style＞ID＞Class＞缺省的Html元素
问题：
1什么是绝对路经？什么是相对路径？
解答：绝对路径是文件在本地操作系统或互联网中唯一的路径，必须由协议+主机名+文件名组成。除非文件被移动，否则其绝对路径不会发生变化。相对路径表示文件与某个目录或某个文件之间的路径关系，属于不完整的路径。在使用相对路径时，可酌情省略路径中的主机名称、详细的路径等。
2什么是URL？
解答：URL（Uniform Resource Locator统一资源定位符）是一种标准化的文件位置描述方式。通过URL，任意一台计算机都可获取确实存在于某台可链接计算机中的文件。简单的说，URL大致等同于网址。
3使用UTF-8编码有何有点？
解答：早期的计算机软件往往就是用ASCII编码。然而对于一些非英语国家而言，ASCII编码并不能满足计算机应用的需要。因此各国相继退出了自己的编码，基于各国各行其是的编码造成的混乱，国际互联网工程工作组与各国政府协商，共同编制了包含目前世界上绝大多数语言的unicode字符集，即万国码字符集。其中主要包括8位的utf-8、16位的utf-16以及32位的utf-32等3种编码。utf-8作为目前最主要的编码方式，采用了8位的二进制数字为编码码元，成为目前国际上通行的编码方式。
4网页色彩的搭配原则有哪些？
解答：
一、使用单色。尽管网站设计要避免采用单一色彩，一免参产生单调的感觉，但通过调整色彩的饱和度和透明度也可以产生变化，使网站避免单调。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
二、使用近邻色。所谓邻近色，就是在色带上相邻近的色彩，选定一种色彩，然后选择它的对比色（在Photoshop里按Ctrl+Shift+I）。例如绿色和蓝色，红色和黄色，采用近邻色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。
三、使用一个色系。简单地说就是用一个感觉的色彩，例如：淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。
四、使用黑色和一种彩色。比如大红的字体配黑色的边框感觉”跳“。在网页配色中，忌讳的是：不要将所有的颜色都用到，尽量控制在3种色彩以内；背景和前文的对比尽量要大，绝对不要用花纹繁复的图案做背景，以便突出主要的文字内容。
5网页中，各要素色彩如何搭配？
解答：在制作网页的过程中，色彩应遵循“总体协调，局部对比”原则。
一、网页文字。假如一个网站用了背景色彩，必需要考虑到背景色彩的用色，与前景文字的搭配等标题。一般的网站着重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮度。让人一目了然。
二、网页标题。网页标题是网站的指路灯，浏览者要在网页间跳转，要懂得网站的结构、网站的内容，都必须通过导航或者页面中的一些小标题。所以可以应用稍微具有跳跃性的色彩，吸引浏览者的视线。
三、网页标记。网页标记是宣传网站最重要的部分之一，所以这两部分必定要在页面上突迎而出。可以将Logo和Bannar做得亮一些，也就是色彩方面跟网页的主题色分别开来。有时候为了更突出，也可以应用与主题色相反的色彩。
四、链接的色彩不能跟文字的色彩一样。设置奇特的链接色彩，让人感到它的奇特性，自然而然好奇心必定趋势他移动鼠标，点击鼠标。
相关主题
相关文档
最新文档

HTML学习笔记2