iframe:框架 可以再网页中嵌套网页,用途: 1、后台管理系统 a链接配合iframe 这种也用的少了 不能进行seo 不利于操作 2、广告
输入框(表单):<input type="text输入框/possword密码框/number数字框/file文件选择框/ button按键/ reset重置/ submit提交/ radio单选/ checkbox多选" +value需要产生的数据>
还有一种直接button标签
区别
- 关闭标签设置。 标签使用时是单个标签;而< button >标签必须使用< /button>来结束标签的使用
- 样式属性。不可以在标签内添加样式属性;< button >可以添加
- 按钮名称。的按钮名称需要添加value属性来显示;< button >则是将按钮名称写在起始标签和闭合标签中间
- < button > 标签可以在中间添加图片等多媒体内容
form(表单的提交必须有这个标签)
action 地址 必须要有/method 提交方式 默认get 也叫做地址栏提交 get 数据在地址栏里面/ post 数据不在地址栏里面 get post 不安全 相对安全/ 非常小 比较大/ 有缓存 没有缓存,get在互联网中的使用率更高缓存:相同网址 只访问一次
属性 :value 非常重要 储存数据/ name 数据的名字/ disabled 禁止使用 /placeholder 输入框的提示文字/ selected 选择框的默认选中
文本格式化标签: span 没有任何效果 /b 加粗 /strong 加粗 /i 斜体 /em 斜体 /del 删除
注意: b和strong的区别:strong有强调作用 em也有强调的作用 这种样式一般不会用,用的都是他的语气,需要强调用strong或者em,除此之外就当一个普通的标签 只要是html带的样式,我们全都不要
空标签:hr 一条线 /br 换行
实体字符 特殊字符: 空格 < 小于号 > 大于号 © 版权
注释:ctrl+/ 解释代码作用
为了减少div的使用。html5新增了一些语义化标签例如: header 头 footer尾部 section部分 nav 导航 article文章
video/audio(音频/视频)
controls:控制列表,播放按键等/antopaly:自动播放,有时候没用需要配合Javascrip使用/loop:无限循环播放
语义化多半配合面试题使用,考验html基础:
语义化的定义,有什么作用:
最早的布局都是用div,或者div+css,不方便我们程序员阅读
html5新增了那些标签,都用那些作用:footer header section nav article,作用是减少div的使用,html的结构更加清晰,代码的可读性增强,搜索引擎的优化seo,更加便于后期维护
html5和html4的区别:
1文档头和文档申明的区别
2增加了很多标签,如上所述
3html5的出现也是更为了移动端的市场
4html的结构更加清晰,代码的可读性增强,搜索引擎的优化seo,更加便于后期维护