-
端口 port 位于主机名后面,使用冒号隔开
不同的协议使用不同的端口号,如http使用80,https使用443,ftp使用21
如果使用默认端口,则可以省略不写
如果使用的不是默认的端口,则必须指定端口
表格是一个规则的行列结构,每个表格都是由若干行组成,每行由若干单元格组成
- cellspace 间距 单元格与单元格之间的间距
- cellpadding 边距 单元格内的内容与边框的距离
注意:table中至少有一个tr,tr中至少有一个td,数据必须放到单元格中
-
设置单元格所跨越的行数,如rowspan=2,表示跨越了2行 设置单元格所跨的列数,如colspan=4,表示跨越了4列
2.将被跨越的单元格删除
注意:必须保证每行的实际列数是相同的,否则就会发生错乱
是一个包含若干表单元素的区域,用于获取不同类型的用户信息
表单元素是允许用户在表单中输入信息的元素,如:文本框、密码框、单选按钮、复选框、下拉列表、按钮等
用来定义表单,可以包含多个表单元素
-
表单提交的地址,即处理数据的程序,默认为当前页面 提交表单的请求方式,取值:get(默认值)、post
get:以查询字符串的形式进行提交,数据在地址栏中可以被看到,限制长度,是不安全的。
post:以表单数据组的形式进行提交,在地址栏中不显示,长度无限制,比较安全。
大多数表单元素都是使用<input>
标签来定义,通过设置type
属性定义不同的表单元素
- name 指定表单名称,如果没有指定name,那么该表单元素的数据是无法提交的
- value 表示表单元素的初始值
- size 指定表单元素的宽度
- maxlength 指定最大字符数,默认没有限制 readonly和disabled的区别:前者的数据可以被提交,后者不可以被提交。
- name 名称,多个radio的name属性值必须相同,才能实现互斥
- checked 是否选中,两种状态,选中、未选中
常用属性与radio类似
- accept 设置可选的文件类型,用来限制上传的文件类型
使用MIME格式字符串对资源类型进行限制
- size 行数,可以同时显示多个选项
- value 选项值(必须指定)
为表单元素提供标签,当选中label标签中的文本内容时会自动将焦点切换到与之关联的表单元素
- for 必须将该属性的值设置为与之关联的表单元素的id属性值相同
注意:几乎所有html标签都具有id属性,且id值必须是唯一的
使用ifream框架可以在一个页面中去引用另一个页面,从而实现复用,比较灵活。
- frameborder 是否显示框架的边框,取值:1(显示)或0(不显示)
- name 为内嵌框架设置名称
- 取消了过时的标签,如font、center等,它们仅用于展示外观
- 增加了一些更具有语义化的标签,如header、footer、aside等
- 可以直接在浏览器中绘画(canvas),无序flash
提供了各浏览器版本对HTML5和CSS3规范的支持程度
九、HTML5新增内容
用来进行页面结构的布局,本身无任何特殊样式,需要使用CSS进行样式设置
- article 文章 定义一个独立的内容,完整的文章
- section 章节 定义文档的章节、段落
- header 文章的头部、页眉、标题
- footer 文章的底部、页脚、标注 注意:结构标签只是表明各部分的角色,本身并无实际的外观样式,与普通div相同
标注,用来突出显示文本内容,默认添加黄色背景
定义日期和时间,便于内容被搜索引擎更好的搜索到
- max 定义最大值,默认为1
- min 定义最小值 默认为0
- high 定义限定为高的值
- low 定义限定为低的值
新增以下type类型:
- tel 接收电话号码,目前仅在移动设备上有效
- 可以与移动设备的键盘相关联
- novalidate 提交表单时不进行校验,默认会进行表单校验
- autocomplete 是否启用该表单元素的自动完成功能
- list 使文本元素拥有下拉列表的功能,需要配置datalist和option标签
- form 可以将表单元素写在form标签外部,通过该属性关联指定的表单
在页面中插入音频,不同浏览器对音频格式的支持也不同
- src 音频文件的来源
- controls 是否显示控制面板,默认不显示
- autoplay 是否自动播放,默认不自动播放
- loop 是否循环播放
- preload 是否预加载,取值:none不会预加载、auto预加载(默认值)、metadata只预加载元数据,如果设置了autoplay,则该属性无意义
可以结合source标签使用,指定多个音频文件,浏览器会检测并使用第一个可用的音频文件
在页面中插入视频文件,不同浏览器对视频格式的支持也是不同的
用法与audio标签基本相同,增加属性:
- poster 在视频加载前显示的图片