标签2
2019-12-12 本文已影响0人
fb941c99409d
行内元素不能设置 宽高 垂直margin 可以设置 padding border margin-left
title
title网页的标题标签，默认会显示在浏览器的标题栏中
搜索引擎在检索页面时，会首先检索title标签中的内容
它是网页中对于搜索引擎来说最重要的内容，
会影响到网页在搜索引擎中的排名
meta
搜索引擎在检索页面时，会同时检索页面中的关键词和描述，
但是这两个值不会影响页面在搜索引擎中的排名
<meta name="keywords" content="HTML5,JavaScript,前端,Java" />
<meta name="description" content="发布h5、js等前端相关的信息" />
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" />
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
link
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
P
p元素不可以包含任何块元素
定义列表
*通常是具有标题，而标题下对应有若干列表简单的（栏目标题+对应标题列表）
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
</dl>
img
<img src="" alt="用户无法查看图像时显示的内容 最好写上 能更好的语义化" >
frameset
<!--
框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面，
框架集可以同时引入多个页面，而内联框架只能引入一个，
在h5标准中，推荐使用框架集，而不使用内联框架
使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中
所以要使用框架集，页面中就不可以使用body标签
属性：
rows，指定框架集中的所有的框架，一行一行的排列
cols， 指定框架集中的所有的页面，一列一列的排列
这两个属性frameset必须选择一个，并且需要在属性中指定每一部分所占的大小
frameset中也可以再嵌套frameset
frameset和iframe一样，它里边的内容都不会被搜索引擎所检索，
所以如果搜索引擎检索到的页面是一个框架页的话，它是不能去判断里边的内容的
使用框架集则意味着页面中不能有自己的内容，只能引入其他的页面，而我们每单独加载一个页面
浏览器都需要重新发送一次请求，引入几个页面就需要发送几次请求，用户的体验比较差
如果非得用建议使用frameset而不使用iframe
-->
<!doctype html>
<html>
<head>....<head>
<frameset cols="30% , * , 30%">
<!-- 在frameset中使用frame子标签来指定要引入的页面
引入几个页面就写几个frame
-->
<frame src="01.表格.html" />
<frame src="02.表格.html" />
<!-- 嵌套一个frameset -->
<frameset rows="30%,50%,*">
<frame src="04.表格的布局.html" />
<frame src="05.完善clearfix.html" />
<frame src="06.表单.html" />
</frameset>
</frameset>
</html>
iframe
内联框架中的内容不会被搜索引擎所检索
<iframe src="demo02.html" name="tom" width height></iframe>
a
/*
target: _self 表示在当前窗口中打开（默认值）
_blank 在新的窗口中打开链接
_parent 在父框架集中打开地址。如果a链接在顶级框架或窗口中，那么它与目标 _self 等效。
_top 跳出所有框架集 在当前窗口打开链接地址
href:相对路径 | 绝对路径 | 网络地址
title:鼠标放上时的提示文字
name: 为链接命名 用于实现锚点功能
*/
a标签可以设置一个内联框架的name属性值，链接将会在指定的内联框架中打开
<iframe src="./xx.html" name="top"></iframe>
<a src="http://www.baidu.com" target="top" >link</a>
锚点功能(定义锚点也可以为其他标签添加ID属性)
<a name="top">顶部</a>
<a href="#top">返回顶部</a>
<a href="./4.html#center">跳转其他页面的指定锚点</a>
发送邮件
<a href="mailto:749092928@qq.com">发送邮件</a>
center
<center> 标签中的内容(文本或者行内和块级元素)，会默认在页面中水平居中显示
