web前端
2020-02-24 11:05:08 0 举报AI智能生成
vim学习
作者其他创作
大纲/内容
HTML5
元素
article
可嵌套的，独立的，完整的，强调独立性
可被外部引用的内容或插件
section
用于分块，分段，由内容和标题组成，必须有标题
当需要直接定义样式或行为时，用div，不用section
nav
用于页面导航的连接组
传统导航条，侧边导航栏，页面导航，翻页操作
aside
用于页面或文章的附属信息，包括当前页面的引用，侧边栏，广告，导航栏，以及其他区别于主要内容的部分
time与微格式
一般
<time datetime="2020-02-25">2020-02-27</time>
间隔符 T
<time datetime="2020-02-25T20:20">2020-02-27</time>
utc 标准时间
<time datetime="2020-02-25T20:20Z">2020-02-27</time>
时差
<time datetime="2020-02-25T20:20+09:00">2020-02-27</time>
pubdate属性表示发布日期
<time datetime="2020-02-25" pubdate >2020-02-27</time>
header
具有引导和导航作用，通常用来放置标题，数据表格，搜索表单，logo
footer
一个区块或多个区域块的脚注：如作者，相关阅读链接及版权信息
hgroup
将许多标题分组，把标题和其子标题放一组的作用
address
用于在文档中呈现联系信息，地址，链接等与个人信息相关的信息
输入属性
formaction
打开指定页面
formmethod
input内数据提交方式
post
get
formenctype
数据提交时进行的编码
formtarget
target
_blank
新窗口打开，创建新的页面
_self
当前框架frame打开
_parent
当前框架的父框架打开
_top
当前窗口打开
framename
指定框架打开页面
autofocus
打开新的页面时，光标自动标亮的控件
required
输入时，检查是否为空，如为空，则无法进行下一步操作
lables
标签
control
可在标签，表单用于控制
placeholder
用于输入提示填写的信息
placeholder="提示内容"
list
用于输入，相当于下拉选择框，与datelist共同使用
AutoComplete
用于输入框，自动填充内容
pattem
保证输入的格式，验证是否有误
pattern="[A-Z]{3}"
3大写字母
SelectionDirection
获取鼠标选取文字的方向
indeterminate
与js使用判断复选框是否被选中的状态
image
提交按钮的图片
编排一般实例包含
先头部(header：可以包括h1,nav)，再正文(article:可包括header(hgroup)，p,section),然后是脚注(footer:可包括address等等)
CSS
选择器
派生选择器
Id选择器
类选择器
属性选择器
样式
背景
文本
字体
链接
列表
轮廓
定位
定位
浮动
盒子模型
内边距
边框
外边距
外边距合并
常用操作
对齐
分类
导航栏
图片
动画
过渡
动画
多列
JavaScript
0 条评论
下一页
