html知识点4

select下拉菜单标签
场景:在网页中提供多个选择项的下拉菜单表单控件
标签组成:
select标签:下拉菜单的整体
option标签:下拉菜单的每一项
常见属性:
selected:下拉菜单的默认选中

默认选中:
单选多选:checked
下达菜单:selected

textarea文本域标签
场景:在网页中提供可输入多行文本的表单控件
标签名:textarea
常见属性:
cols:规定了文本域内可见宽度
rows: 规定了文本域内可见行数
注意点:
右下角可以拖拽改变大小
实际开发时针对样式效果推荐语CSS设置

label标签
场景:常用于绑定内容和表单标签的关系
标签名:label
使用方法一:
1.使用label标签把内容(如:文本)包裹起来
2.在表单标签上添加id属性
3.在label标签的for属性中设置对应的id属性值
使用方法二(简单):
1.直接使用label标签把内容(如:文本)和表单标签 一起包裹起来
2.需要把label标签的for属性删除即可

语义化标签

没有语义的布局标签-div和span
场景:实际开发网页时会大量频繁的使用到div和span这俩个没语义的布局标签
div标签:一行只显示一个(独占一行)
span标签:一行可以显示多个

有语义的布局标签(了解)(手机端)
场景:在HTML5新版本中,推出了供开发者使用
标签:
在这里插入图片描述

注意点:
以上标签显示特点和div一致,但是比div多了不同的语义

字符实体

HTML的空格合并现象
场景:如果在HTML代码中同时并列出多个空格、换行、缩进等,最终浏览器只会解析出一个空格

常见字符实体·
场景:在网页中显示特殊符号效果时,需要使用字符实体替代
结构:&英文;
常见字符实体(记空格):
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5是一种标记语言,用于构建网页内容和结构。它包含许多新功能和标签,为开发者提供了更多的灵活性和创造力。以下是一些HTML5的重要知识点。 1. 新的语义化标签:HTML5引入了一些新的标签,如`<header>`,`<nav>`,`<section>`,`<article>`等,用于更好地描述网页的结构和内容。这些标签对搜索引擎优化(SEO)很有帮助。 2. 多媒体支持:HTML5支持直接在网页上嵌入多媒体内容,如视频和音频。通过使用`<video>`和`<audio>`标签,开发者可以更容易地在网页上播放和控制媒体元素。 3. canvas绘图:HTML5的`<canvas>`元素允许开发者通过JavaScript来绘制图形、动画和游戏,而不需要使用插件。它提供了一个可编程的二维图形环境。 4. 本地存储:HTML5引入了本地存储技术,如localStorage和sessionStorage。这些技术允许开发者在客户端存储和访问数据,减少服务器负载并提高性能。 5. 表单增强:HTML5改进了表单元素,提供了一些新的输入类型和属性。例如,`<input>`标签的type属性可以使用email、date、number等新类型,而不仅仅是text。 6. Web Workers:HTML5的Web Workers功能允许开发者在后台运行脚本,提高了网页的响应速度和性能。它可以在不干扰用户界面的情况下执行复杂的任务。 7. Web存储:HTML5提供了两种存储方式:IndexedDB和Web SQL。这些存储方式可以在客户端存储大量的数据,而无需依赖服务器。 总之,HTML5是一种强大的标记语言,为开发者提供了许多新功能和工具,使网页设计和开发更加灵活和高效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值