HTML基本内容

a标签的作用 控制页面与页面之间的跳转

格式 <a href="指定需要跳转的目标界面">需要展示给用户查看的内容</a>

a标签也可让图片被点击

如果通过a标签href属性指定一个URL地址，那必须在地址前面加上http://或者https:// 除了指定URL地址，还可以指定一个本地地址

mailto链接是一种html链接，能够设置你电脑中邮件的默认发送信息。

使用方式 <a href="mailto:name@email.com">Email</a>

更多使用方式

参数	描述
mailto:name@email.com	电子邮件收件人地址（常用）
cc=name@email.com	抄送地址
bcc=name@email.com	密件抄送地址
subject=subject text	e-mail的题目（常用）
body=body text	e-mail的内容
？	和浏览器地址操作一样，第一个参数符号是？
&	其他参数符号是&

base标签  专门用来统一指定当前页面中所有a标签需要如何打开

base标签必须写在head标签之间

如果既在base标签中指定了target又在a标签中指定了，那么浏览器会按照a标签中指定的来执行。

假链接  点击之后不需要跳转的链接

在企业开发初期，其他的界面都没有完成，所以不知道跳转到什么地方，这时先用假链接来代替，项目完成后再换成真链接。

格式：

1.# 回到顶部

2.javascript: 不会自动回到页面的顶部

<a href="#">回到顶部</a>

锚点

想通过a标签跳转到指定位置，就必须告诉a标签一个独一无二的身份证号码。

步骤两步：

1.给目标位置的标签添加一个id属性，然后指定一个独一无二的值  

2.告诉a标签你需要跳转到的目标标签对应的独一无二的身份证号码是多少

注意：a标签还可以在跳转到其界面的时候直接跳转到其他界面的指定位置

em  意为强调，突出文章重点

strong 意为强调，内容更为有用

b 加粗

i  斜体

u  下划线

video（H5新增  作用：播放视频）标签的属性（webm 网页中专用的视频格式）

src   告诉标签需要播放的视频地址

autoplay 用于告诉标签是否需要自动播放视频

controls  用于告诉video标签是否需要控制条

poster  用于告诉标签视频没有播放之前显示的占位图片

loop   一般用作做广告视频，用于告诉标签视频播放完毕后是否需要循环播放

muted  静音

width/height  

video的第二种格式

<video>

      <source  src=" " type=" "></source>

      <source  src=" " type=" "></source>

</video>

存在的意义就是为了解决浏览器适配问题

video 元素支持三种视频格式，我们可把三种格式(webm mp4  ogg)都通过source标签指定给video标签，以后浏览器播放时就会从其中选一种自己支持的格式播放

注意：让所有浏览器通过video标签播放视频有一个前提条件，浏览器必须支持HTML5标签。过去的一些不支持，为了能播放，以后我们通过一个JS的框架叫做html5media来实现.

audio标签  播放音频

与video标签的使用基本一致，只不过有三个属性不能用：height/width/poster

H5新增

<header> 一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，也可包含搜索表单或logo

<nav>是一个可用作页面导航的链接组，其中导航元素链接到其他页面或当前页面的其他部分

<article>代表文档，页面或应用程序中独立的，完整的，可独自被外部引用的内容

<footer>元素作为其上层父级内容区块或是一个根区块的脚注。

<section>作为Html文档独立的功能

<aside> 元素用来表示当前页面或文章的附属信息部分，可包含当前页面或主要内容相关的引用，侧边栏，广告，导航条以及其他类型有别于主要内容的部分

<address>元素用来在文档中呈现联系信息，包括文档作者，他们的网站链接，电子邮箱等跟文档相关的联系人的所有联系信息

<details>元素是一种用于标识该元素内部的子元素可以被展开，收缩显示的元素。

open属性 当该属性值为true时，该元素内部的子元素应该被展开显示；为false时，其内部的子元素缩起来不显示，默认值为false.

summary子元素从属于details,用鼠标点击该元素中的内容文字时，details元素中的其他所有从属元素将会展开或者收缩。如果details元素中没有summary元素，浏览器会提供默认文字（详情信息）以供单机。