·meata标签的作用:指定当前网页的字符集
在网页中常见的字符集有两个:GBK(GB2312)/UTF-8
GBK(GB2312)里面存储的字符比较少,仅仅存储了汉字和一些常用的外文;体积小
UTF-8里面存储了世界上所有的文字;体积大
HTML5支持的两种指定页面使用的字符集的方式:
使用Content-Type指定字符集
直接使用charset指定字符集
有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/><hr/><input/><img/>
<head>标签
<title>
<base/>(通过base标签设置链接的默认地址)
<link/> : 引用外部文档,常见于引用外部样式。重要属性有三个:rel、href、type
rel 规定文档与被链接文档之间的关系。
rel="dns-prefetch" 预先解析缓存文档中使用的域名,目的是为了提高网页访问速度。
rel="shortcut icon"或rel="icon" 在收藏和标题栏上用于显示的图标。
rel="stylesheet" 引用外部样式表。
rel="nofollow" 用于<a>标签,用于指示搜索引擎不要追踪(爬虫抓取),减少垃圾链接。
href 资源的路径(相对路径/绝对路径)
type 规定被连接文档的MIME类型,用于明确文件的打开方式。
<meta/>
定义关于HTML文档的元数据。 重要的属性有三个:http-equiv、name、content
http-equiv 把content属性值关联到http头部。
name也可以根据特定的功能自定义,在新浪网中有使用360认证和搜狐认证
content 定义与http-equiv或name属性相关的元信息,是必要的属性。
<body>标签
1,块级标签和内联标签
2,基本标签
<p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白.
style="text-indent: 2em"可以设置样式为首行缩进两个字符。
<blockquote></blockquote>可以用来设置整个段落的缩进。
<b> <strong>: 加粗标签.
<strike>: 为文字加上一条中线.
<u>: 文字下方加下划线.
<em> <i>: 文字变成斜体.
<sup>和<sub>: 上角标 和 下角标.
<br>:换行.
<hr>:水平线.
<div>
块级标签。块级标签常用于布局,行级标签常用语显示内容。
div的显示通常使用id或class来标识。id为唯一的标签标识,class为标签的类标识。
div的大小是由内容来决定的,默认情况下,高度由内容的高度决定,宽度适应屏幕。
可以容纳其他元素,是一个容器。
<span>
3,特殊符号
4,<a>超链接标签(锚标签)
重要属性有三个:href、target、name
href="#"时,表示被链接页面就是当前页面。
5,<img>图形标签
行级标签,用来显示图片。
重要属性有:src、title、alt、width、height、align。
6,列表标签
<ul>无序列表 <ol>有序列表 <dl>定义列表
7,<table>表格标签
<tr> 表格的数据行,table row
<th> 表格的表头名称,与不同在于文字采用加粗居中的形式显示,table head cell
<td> 单元格,用来显示表格内容,table data cell
rowspan 单元格竖跨多少行,作用在th或者td上
colspan 单元格横跨多少列(即合并单元格),作用在th或者td上