html:hyper text markup language超文本标记语言;定义网页中有什么。
> hyper text:超文本,说明html可以将除了文本之外的其它元素引导到页面中,比如图片、音视频、超链接等。
> markup:标记,用标记/标签的形式,形成语言结构,用来创建和表示页面中各种元素对象。
> html是简单的静态语言,不需要进行编译,直接由浏览器来解析和执行。
> html将页面中要呈现的各种内容元素,进行结构化处理,形成具有语义化的页面结构,同时创建对应的文档对象模型。
html 页面基础结构代码解析
1. <!DOCTYPE html>
文档声明:告诉浏览器,当前文档使用的HTML标准是HTML5.
不写文档声明,将导致浏览器进入怪异渲染模式。
2. <html lang="en"></html>
根元素:一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5版本中没有强制要求书写该元素
lang属性:language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成。(简体中文cmn-hans)
3. <head></head>
文档头:文档头内部的内容,不会显示到页面上。
4. <meta />
文档的元数据:附加信息。
charset:指定网页内容编码。
字符编码表:中国GB2313,台湾GBK,utf-8 是 unicode(万国码) 编码的一个版本。
5. <title></title>
网页标题
6. <body></body>
文档体,页面上所有要参与显示的元素,都应该放置到文档体中。
前端术语:(为了降低沟通成本)
web:互联网。
w3c:万维网联盟,非盈利性组织,为互联网提供各种标准。
mdn:Mozilla devalbpment network,Mozilla开发者社区。(h1+mdn搜索)。
xml:extension markup language,可扩展的标记语言,用于定义文档结构的。
xhtml:可以认为是html的一种一个版本,完全符合xml的规范。(了解一下)
html:hyper text markup language 超文本标记语言;定义网页中有什么。
html是w3c组织定义的语言标准:html是用于描述页面结构的语言。
css:cascading style sheets 层叠样式表;定义网页中的东西长什么样子。
css是w3c定义的语言标准:css是用于描述页面展示的语言。
面试题:
1. <!DOCTYPE html>的作用?
答:
<!DOCTYPE html>是document type(文档类型)的简写,在web设计中用来声明文档类型。
在所有html文档中规定DOCTYPE是非常重要的,这样浏览器就能了解预期的文档类型,告诉浏览器要通过哪一种规范(DTD)解析文档(比如html 或 xhtml)。
DOCTYPE会影响代码验证,并决定浏览器最终使用什么规范来显示你的web文档。
2. html文件必须具备的元素有哪些?
答:
html文件必须具备 html 、head 、body 这三个元素。
html元素是整个页面的根元素,一个页面只能有一个html元素,并且该元素是所有其他元素的父元素或祖先元素。
head元素是页面文档头。
body元素是页面的文档体,页面上所显示的元素,都应该放置在文档体中。
3. html 与 xhtml 、xml 的含义以及区别?
答:
含义
html的含义:
HTML 指的是超文本标记语言 (HyperTextMarkupLanguage);HTML 不是一种编程语言,而是一种标记语言(markup language);标记语言是一套标记标签(markup tag);HTML 使用标记标签来描述网页;
xhtml的含义:
xhtml是更严格更纯净的html版本;xhtml是指可扩展超文本标签语言(EX-tensible HyperText Markup Language);xhtml与html4.0几乎是相同的;xhtml的目标是取代html;xhtml是作为一种xml应用被重新定义的html;xhtml是html与xml(扩展标记语言)的结合物。
xml的含义:
XML 指可扩展标记语言(EXtensibleMarkupLanguage),被设计用来结构化、存储及传输信息;XML 是一种标记语言,很类似 HTML;XML 标签没有被预定义,需要自行定义标签;XML被设计为具有自我描述性;XML允许用户自定义标签。
xml是一种标记化语言,其中所有的东西都要被正确标记,以产生形式良好的文档;xml是用来描述数据,而html是用来显示数据。
区别?
html与xhtml的区别:
1)xhtml元素必须被正确的嵌套;html某些元素可以不使用正确的嵌套方式。
在html中,某些元素可以不正确的嵌套,如:<b><i>this text is bold and italic</b></i>。
在xhtml中,所有元素必须使用正确的嵌套,如:<b><i>this text is bold and italic</i></b>。
2)xhtml元素必须被关闭,非空标签必须使用结束标签,空标签也必须使用结束标签,或者在开始标签使用/>结尾;html元素非空标签和空标签可以不使用结束标签。
在html中,非空标签可以不使用结束标签,如:<div>123;空标签可以不使用结束标签,如:<br>。
在xhtml中,非空标签可以不使用结束标签,如:<div>123</div>;空标签也必须使用结束标签,如:<br></br> 或 <br /> 。
3)xhtml元素标签名必须使用小写字母,xhtml规范定义标签名和属性对大小写敏感;html元素标签名可以使用小写也可以使用大写。
在html中,标签名可以使用小写也可以使用大写,如:<div>123</div> 或 <DIV>123</DIV>。
在xhtml中,标签名必须使用小写,如:<div>123</div> 。
4)xhtml必须拥有根元素,所有的元素必须被嵌套在<html></html>根元素中;html可以不拥有根元素。