块级元素:
1. 独占一行(一行只能显示一个)
2. 宽度默认是父元素的宽度,高度默认由内容撑开
3. 可以设置宽高
代表的元素:
div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer……
行内元素:
1. 一行可以显示多个
2. 宽度和高度默认由内容撑开
3. 不可以设置宽高
代表标签:
a、span 、b、u、i、s、strong、ins、em、del……
行内块元素:
1. 一行可以显示多个
2. 可以设置宽高
代表标签:
input、textarea、button、select……
特殊情况:
img标签有行内块元素特点,但是Chrome调试工具中显示结果是inline
常用的内联块状元素有:img、input
img标签中的alt属性的作用是?
答:当图片不显示的时候,图片的替换文字。
HTML5 的 form 如何关闭自动完成功能?
答:把不想要自动完成的 form 或 input 设置为 autocomplete=off
HTML5和HTML的区别?
答:1.文档类型声明不同
HTML的文档类型声明很长,一般都是自动生成的,不好记忆;
HTML5的文档类型声明很短,好记:下面就是他们的样式认识就行、
<!-- HTML的 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- HTML5的 -->
<!DOCTYPE html>
2.结构语义不同
HTML没有结构语义化的标签,不能把文档的结构表示的很清楚。
HTML5新增了结构语义化的标签,使文档结构更清晰,更语义化。
<!-- HTML -->
<div id="header"></div>
<!-- HTML5 -->
<header> 文档的头部区域
<section> 定义文档中的节(section、区段)
<nav> 定义导航链接的部分
<article> 定义独立的内容
<footer> 元素描述了文档的底部区域
<aside> 定义页面主区域内容之外的内容(比如侧边栏)
<figcaption>标签定义 <figure> 元素的标题
<figure> 规定独立的流内容(图像、图表、照片、代码等等)
3.HTML5的优势
实时更新
离线缓存:就是将网页缓存下来,在没有网络情况下也可以访问。
跨平台:可同时在PC端、移动端,pad端浏览。
视频和音频支持:video,表示一段视频并提供播放的用户界面。