html学习
转移字符
html文档基础结构
- DOCTYPE
- html
- lang
- head
- body
- 所有的HTML内容
- script
src="script.js"
页面基本结构
- header 页眉
- nav 导航
- main 主要内容
- article 文章
- section 主题内容
- aside 附注
- footer 页脚
- div 块级内容无语义容器
文本
- h1~h6 标题
- p 段落
- strong 重要内容
- em 强调
- mark 突出显示文本
- b 粗体 提醒注意
- i 斜体 样式惯例
- u 非文本注解
- figure 图 figcaption 图的标题
- cite 引用参考
- address 作者联系信息 邮件/链接
- small 细则
- blockquote 单独存在的引述 块级
- q 短的引述 行级
- time 时间
- abbr 缩写词
- dfn 定义术语
- sub 上标
- sup 下标
- ins 新增内容
- del 已删除内容
- s 不再准确或不再相关内容
- code 代码
- pre 预格式化的文本
- br 强制换行
- wbr 可换行
- span 无语义短语内容容器
- ruby rp rt 旁注标记
- bdo bdi 文本方向
- meter 相对值
- progress 进度
图像 img
- src 图像文件URL
- alt 图像无法显示时的替代文本
- width height 图像尺寸
链接 a
- href 目标URL 锚#id
- rel=external 链接指向外部网络
- target 在新窗口或标签页打开链接
列表
- ol li 有序列表
- ul li 无序列表
- dl dt dd 描述列表
表格 table
- caption 标题
- thead 表格头部
- tbody 表格主体
- tfoot 表格尾部
- tr 行
- th 标题单元格
- scope
- rowspan 跨越行
- colspan 跨越列
- td 数据单元格
视频 video
- src=my-video.ext
- width height
- autoplay 自动播放
- controls 添加默认控件
- muted 静音
- loop 循环播放
- poster 加载时显示的图像
- preload 预加载
- none 不加载
- metadata 加载元数据
- auto
- source 视频来源
- 无法播放时备用链接或者备用文本信息
音频 audio
- src=my-audio.ext
- autoplay 自动播放
- controls 添加默认控件
- muted 静音
- loop 循环播放
- poster 加载时显示的图像
- preload 预加载
- none 不加载
- metadata 加载元数据
- auto
- source 视频来源
- src
- type 音频类型 audio/mp3 ...
- 无法播放时备用链接或者备用文本信息
表单 form
- action 提交表单时处理数据的脚本的URL
- method get/post
- fieldset 组织表单元素 分组
- legend 分组标题
- label 控件标签
- input 输入
- id=id-label
- name=data_name 服务器端字段名
- value=default 预设的值
- placeholder=xxx-xxx-xxxx 提示文字
- pattern 输入格式要求
- maxlength 允许输入的最大字符数
- size 框的大小
- required 要求必填
- autofocus 加载后默认获得焦点
- disabled 禁用
- readonly 只读
- type
- text 文本框
- password 密码框
- email 邮件框
- search 搜索框
- url URL框
- tel 电话框
- file 文件上传
- hidden 隐藏字段
- radio 单选按钮
- 同一组单选按钮name相同,value不同
发送 name=value
checked 默认选中
- checkbox 复选框
- 同一组单选按钮name相同,value不同
checked 默认选中
- submit 提交按钮
- 如果不填写name 属性,则名-值对就不会传给脚本
value值为显示文本
- image 图像提交按钮
- src=image.url
- reset 重置按钮
- textarea 长文本输入区域
- id=id-label
- name=data_name 服务器端字段名
- cols 文本区域宽度
- rows 文本区域高度
- select 选择框
- id=id-label
- name=data_name 服务器端字段名
- size 选择框高度
- multiple 允许多选
- optgroup 选项分组
- label 子菜单标题
- option 选项
- 注意 元素内容为选项文字
- value=option_data
- selected 默认选中