往后给大家带来前端开发一系列非常有用的东西。希望读者能够批评指正,有用的东西你拿走,没有用的给我留下。下面先来欣赏HTML。
A. Doctype作用?标准模式与兼容模式各有什么区别?
①<!DOCTYPE>
声明位于HTML文档中的第一行,处于<html>
标签之前,告知浏览器的解析器用什么文档标准解析。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
②标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
B. H5为什么只需要写<!DOCTYPE HTML>?
HTML5不基于SGML(标准通用标记语言),因此不需要对DTD(文档类型定义)进行引用,但是需要doctype
来规范浏览器的行为(让浏览器按照它们应该的方式来运行)HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。
C. 行元素有哪些?块元素有哪?空元素有哪些?
首先,给大家普及一下小知识,css规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有自己默认的display值。如div的默认display为block,为块级元素,而span的默认display为inline,为行级元素。(这里小编说的行级元素对应行级标签,块级元素对应块级标签) 行标签不独占一行,水平排列、快标签独占一行,垂直排列。如果对行标签设置宽高,则行标签的宽高是没有变化的,要是想要宽高对行标签有效,只需改变在行标签的样式上加上下面两句代码:一是:display:block; 二是display:inline-block;还有一点就是可以设置行标签的左右margin和padding值,不能设置上下margin和padding值。块标签啥都行。
1、行内元素:a
、b
、span
、img
、input
、select
、strong
(强调的语气)
2、块级元素:div
、ul
、ol
、li
、dl
、dt
、dd
、h1~h6
、p
3、常见的空元素:br
、hr
、img
、input
、link
、meta
不常用的空元素:area
、base
、col
、command
、embed
、keygen
、param
、source
、track
、wbr
其实小编是个懒货,好啦!今天就给大家分享到这里了。明天见