1 基本的HTML结构
1.1关于DOCTYPE:
1) DOCTYPE是单独出现的,没有结束标签
2) 定义在HTML文档的第一行,在html之前;
3) 文档类型,会使浏览器使用相应标准加载网页并显示;
4) 文档不定义DOCTYPE,浏览器将会无法获知HTML或XHTML文档的类型,会进入怪异解析模式
5) DOCTYPE与doctype同理,不区分大小写
1.2 meta元信息
所谓元信息,就是对信息进行描述的信息。
<meta>是用来在HTML文档中模拟http的响应头文报。它的属性有两种:name和http-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的取值有三种:webkit、ie-comp、ie-stand,分别表示极速模式(webKit内核)、IE兼容内核(ie-comp)、IE标准内核(ie-stand)。区分大小写。
1.5 标签及其语义
1)网页结构
Html 语义:网页文档,用于包含一个HTML文档
Body 语义:网页主体、内容区
Head 语义:网页头部
Meta 语义:网页元信息
Title 语义:网页标题
2)Css与js引入类
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(变量)。定义变量