html的区块:
大多数html的元素被定义为块级元素或内联元素,块级元素(<h1>,<p>,<ul>)在浏览器显示时,通常会以新行开始和结束,而内联元素通常不会以新行开始(<b>(加粗字体),<a>,<img>...)
<div>是块级元素,浏览器会在其前后显示换行,可用于组合其他html元素,它没有特定的含义,与css一起用来文档布局
<span>是内联元素(行内元素),没有特定的含义,用作文本的容器,与css一起使用来设置文本的样式和属性。(w3c内明确标识了,行内元素不可以套用块状元素)
html嵌套规则:如果不按照HTML规则书写代码时,浏览器就不会正确解析,会将不符合嵌套规则的节点放到目标节点的下面,或者变成纯文本。HTML存在许多种类型的标签,有的标签下面只允许特定的标签存在,这就是html嵌套规则。
css tip:
html一些常用字符实体:
HTML 字符实体 | 菜鸟教程 (runoob.com)
url(Uniform Resource Location):统一资源定位器。URL可以由字母组成,例如baidu.com,也可由互联网协议(IP)地址:127.0.0.1
网址的语法规则:scheme://host.domain.port/path/filename
scheme -定义因特网的服务类型,最常见的为http
host -定义域主机(http默认主机是www)
domain -定义因特网域名,比如baidu.com
port -端口号,http默认端口为80
path -服务器上的路径,若省略,则html文档必须位于网站的根目录下
filename -html文档的名称
常见的url scheme:
1. http 超文本传输协议:以http://开头的普通网页,不加密
2. https 安全超文本传输协议:安全网页,加密所有信息交换
3. ftp 文件传输协议:用于将文件下载或上传至网站
4.file 计算机上的文件
html5:
html5中新增了8个语义元素,且八个都为块级元素,为了能是旧版浏览器显示 这些元素,需要在css中设置display属性为block:
header, section, footer, aside, nav, main, article, figure { display: block; }
IE6-8不能识别html5提出的新元素,这些元素不能作为父节点包裹子元素,并且不能用css样式,为了解决这个问题,可以在<head></head>中添加
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->