HTML知识点
1、doctype是什么,举例常见doctype及特点
<!doctype>
声明必须处于HTML文档的头部,在<html>
标签之前,HTML5中不区分大小写<!doctype>
声明不是一个HTML标签,是一个用于告诉浏览器当前HTMl版本的指令- 现代浏览器的html布局引擎通过检查doctype决定使用兼容模式还是标准模式对文档进行渲染,一些浏览器有一个接近标准模型。
- 在HTML4.01中
<!doctype>
声明指向一个DTD,由于HTML4.01基于SGML,所以DTD指定了标记规则以保证浏览器正确渲染内容 - HTML5不基于SGML,所以不用指定DTD
SGML 是标准通用置标语言 Standard Generalized Markup language
2、常见的块元素和行内元素
1、块级元素 :<div>, <p>, <h1>, <form>, <ul> 和<li>
2、行内元素:span img input select strong
3、常见的空元素:
<br> <hr> <img> <input> <link> <meta>
区别:1、行内元素会在一条直线上排列,都是同一行的,水平方向排列,块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。
2、块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
3、行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效
为什么img 和 input 都是行内元素还可以设置宽度呢?
因为他们是空元素,也叫做可替换元素,这些元素往往没有实际的内容,即是一个空元素,替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。如果img不指定w 和 h ,就按照其内在尺寸来显示。img 即为原始的图片大小,input 和 type 以及浏览器的默认样式有关
3、什么 是 HTML 语义化?
用正确的标签做正确的事情。
html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;
即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO,便于收录;
使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
4、想到再慢慢写----