一,b与i标签
(1)strong、b、em、i
文本加粗
文本斜体
不用再进行区分,,strong和em用的较多
</head>
<body>
<i>猫猫</i>
<em>猫猫</em>
<strong>猫猫</strong>
<b>猫猫</b>
</body>
(2)引用标签!
<body>
<p>
<abbr title="#"></abbr>
#<q>#</q>
<address>#@qq.com</address>
<cite>#</cite>
</p>
(3)ifarm嵌套内容
(4)pr与wbr标签
wbr 在特定的地方换行,br强制换行
(5)pre与code标签
在里面输入代码不会显示,利用markdown语法可以显示
(6)map与area
给特殊图案添加标签,area能添加的形状,矩形,图形,多边形
(7)embed与object标签
obj需要和param配合使用
移动端flash兼容较差,一般不用flash
实操效果
(8)video与Audio标签
引入音频与视频的标签,属于HS的功能
图示代码可以帮助适应等级更低的浏览器
controls显示
loop重复
autoplay自动播放
(9)文字注解与文字方向
方便浏览器进行解析
p标签从右向左开始
bod定义文字方向
<body>
<ruby>
林<rt>lin</rt>俊杰
</ruby>
</body>
(10)拓展link标签
icon
效果给网页添加小图标
dns-prefetch
提前对dsn解析,加速网站工作速度
(11)meta标签学习
作用
wbekit 双内核渲染,让ie浏览器用更高级别进行渲染,规定时间刷新,规定时间缓存
(12)HTML5新语义化标签
除了figcaption外都是块级元素
(13)flex弹性盒模型
align-items表示子元素对其方式,而align-items表示多行的对其方式
顺序
flex:0 1 auto
(默认值)
flex高于一般样式
(14)网格布局
grid-template-rows:repeat(3,1fr)
grid-template-columns:repeat(3,1fr)
[fr 1fr 1fr 1的复写方式]
grid-template:
"a1 a1 a1''1fr
"a2 a2 a2"1fr
"a3 a3 a3"1fr
/1fr 1fr 1fr;
[复合写法,横着是列,竖着是行]
place-items纵向 水平
items 针对网格内的元素
content针对整行
place 纵 横
【span表示截取个数】