笔记:前端自学基础之HTML/CSS概念

浏览器:

1、shell:外壳

2、core:内核(JS执行引擎、渲染引擎)

有独立内核的浏览器:

IE             内核:Trident

chrome     内核:Webkit(之前)  后来使用  Blink

FireFox     内核:Gecko

Safari        内核:Webkit

Opera       内核:Presto(之前)后来使用  Blink

版本和兼容性:

HTML5:2014年

CSS3:目前还没有制定完成。

XHTML:可以认为是HTML其中的一个版本。完全符合XML的规范。目前没有学习的必要。

注释

HTML里的注释:

<!-- 注释内容 -->      

CSS里的注释:

/* 注释内容 */

JS里的注释:

// 注释内容

HTML里的称呼

HTML里的组成成分,官方称为“元素”,另有称为“标签”、“标记”。

<a href="http://www.duyiedu.com">渡一教育</a>

整体:element(元素)

元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容(element content)+元素属性

属性 = 属性名 + 属性值

属性的分类:

1、局部属性(某些元素特有的属性  如a元素的href属性)

2、全局属性(所有元素通用   如title属性)

有些元素没有结束标记,这样的元素叫做“空元素”。  如:img,meta.

空元素的两种写法:

1、<meta charset-"UTF-8">

2、<meta charset="UTF-8" />   目前HTML5基本不使用该写法。

标准的HTML文档结构解析

<!DOCTYPE html>    

文档声明,告诉浏览器,当前文档使用的html标准是html5.(其他的版本:XHTML/HTML4/HTML3/HTML2)

不写文档声明,将导致浏览器进入怪异渲染模式。

<html lang="en"></html>

根元素,一个页面最多只能有一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5中没有强制要求书写该元素。

lang属性:language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成。如果要用中文的话,lang="cmn-hans",简体中文。

<head><body>

必须作为<html>的子元素出现。

<head>文档头,内部的内容不会显示到页面上。

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值