HTML5的重点知识小结——入门篇

1 基本的HTML结构

1.1关于DOCTYPE:

1) DOCTYPE是单独出现的,没有结束标签

2) 定义在HTML文档的第一行,在html之前;

3) 文档类型,会使浏览器使用相应标准加载网页并显示;

4) 文档不定义DOCTYPE,浏览器将会无法获知HTMLXHTML文档的类型,会进入怪异解析模式

5) DOCTYPEdoctype同理,不区分大小写

1.2 meta元信息

所谓元信息,就是对信息进行描述的信息。

<meta>是用来在HTML文档中模拟http的响应头文报。它的属性有两种:namehttp-equiv.

Name属性主要用于描述网页,对应于content属性,以便于搜索引擎机器人查找、分类。

http-equiv属性,相当于是http的文件头作用,它可以向浏览器传递一些有用的信息,以帮助正确和精确地显示网页内容,与之相应的content属性,其内容就是各个参数的变量值。

1.3 自动刷新或跳转页面

<meta http-equiv=refresh content=4;url=://www.h5course.com>

代码解析:在4s之后,页面就会进行刷新,会自动跳转到http://www.h5course.com。在代码中如果不设置url,则页面进行刷新,而不会跳转。

1.4 浏览器内核控制

<meta name=renderer content=webkit>

代码解析:代码表示让浏览器以webkit内核进行网页的渲染。Renderer用于控制浏览器以书面内核进行渲染。Renderer的取值有三种:webkitie-compie-stand,分别表示极速模式(webKit内核)、IE兼容内核(ie-comp)、IE标准内核(ie-stand)。区分大小写。

1.5 标签及其语义

1)网页结构

Html                   语义:网页文档,用于包含一个HTML文档

Body                   语义:网页主体、内容区

Head                   语义:网页头部

Meta                   语义:网页元信息

Title                        语义:网页标题

2Cssjs引入类

Link                   语义:网页外部链接,将外部文件(如css)引入到当前文件当中。

Style                                                                                  语义:网页样式

Script                  语义:网页脚本,用于定义行为代码,将行为代码引入到当前文件当中

3)常规类布局用标签

Div                            语义:Division(分割)在文档中定义一块区域,即包含框

H1                            语义:header1(标题1)。定义一级标题

H2                             语义:header2(标题2)。定义二级标题

H3                             语义:header3(标题3)。定义三级标题

H4                             语义:header4(标题4)。定义四级标题

H5                             语义:header5(标题5)。定义五级标题

H6                             语义:header6(标题6)。定义六级标题

P                             语义:paragraph(段落)。定义段落结构

Ol                            语义:ordered list(有序列表)。定义具有一定顺序的排序列表

Li                      语义:list item(列表项目)。 定义每一条具体列表项

Dl                      语义:definition list(自定义列表)。以自定义的方式进行列表

Dt                            语义:definition term(定义术语)。定义自定义列表中的标题

Dd                      语义:definition description(定义描述)。定义自定义列表的内容

Hr                      语义:horizontal rule(水平线)定义一条分隔线

4)特殊功能用标签

A                       语义:anchor(定义锚)。超链接

Img                            语义:image(定义图像)。定义图像包含框

5)段落文本处理用标签

Span                     语义:span(范围)。在文本行中定义一个区域,即包含框

Em                      语义:emphasized text(加重文本)。定义文本为重要

Strong                    语义:strong text(加重文本)  定义文本为重要

Br                      语义:break(换行)。定义文本内容内部换行

B                             语义:bold text(加粗文本)。 定义文本加粗

I                             语义:italic text(斜体文字)。定义文本倾斜

6)表格类标签

Table                     语义:table(表)。定义一个表格

Caption                         语义:table caption(表格标题)。定义一个表格的标题

Thead                          语义:table header(表格头部)。定义一个表格的头部区域

Tbody                          语义:table body(表格主体)。 定义一个表格的主题(内容)区域

Tfoot                          语义:table column(表格脚)。定义一个表格的脚部区域

Col                            语义:table columns(表格列)。定义一个表格的列区域

Colgroup                        语义:groups of table columns。定义一个表格的数据列组

Tr                            语义:table row()。定义一个表格行

Td                            语义:table data cell(表格数据单元)。 定义 一个表格单元格

Th                            语义:table header cell(表头数据单元) 。定义一个表格的表头单元格(列标题)

7)表单类标签

Form                     语义:form(形状)。 定义表单

Fieldset                   语义:filed set(域组)。定义表单的字段域

Legend                     语义:legend(图例)。定义表单字段域的标题

Label                     语义:label(标签)。定义表单的控制标签

Input                     语义:input field(文本区域)。定义表单输入域。

Textarea                    语义:text area(文本区域)。定义表单属于区域

Select                    语义:selectable list(可选择的列表)。定义下拉选项或列表选项

Option                    语义:option(选项)。定义下拉选项或列表选项

Optgroup                   语义:option  group(选项组)。定义下拉选项组

Button                    语义:push button(发送按钮)  。 定义表单的发送按钮

8)其他出现较少的标签

Address                   语义:address(地址) 。定义地址

Abbr                      语义:abbreviation(缩写词)。定义缩写词

Acronym                     语义:acronym(取首字母的缩写词)。定义取首字母的缩写词

Big                      语义:big text(大文本)。定义大块内容的引用

Blockquote                  语义:block quotation(区域引用块)。定义大块内容的引用

Cite                     语义:citation(引用)。定义引文

Code                     语义:code text(源代码)。定义计算机源代码

Dfn                      语义:define(定义头目)。定义条目

Kbd                      语义:keyboard text(键盘文本)。 定义键盘键

Q                      语义:quotation(引用语)。定义一段文字中的引用短语

Small                    语义:small text(小文本)。定义文本缩小

Sub                     语义:subscripted text(小标文本)。 定义文本小标

Sup                     语义:supscripted text(上标文本) 。定义文本上标

Samp                     语义:sample(示例)。 定义样本示例

Tt                      语义:teletype text(打印机文本) 。定义文本下划线

Var                       语义:variable(变量)。定义变量


猜你喜欢

转载自blog.csdn.net/pinger0077/article/details/79523388