HTML5元素总结
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5元素总结相关的知识,希望对你有一定的参考价值。
1、html
根元素,是其他所有元素的祖先元素。
相关属性:lang :指定文字是采用什么语言书写。
2、head
文档头,html的第一个子元素,可以包含其他元素,描述页面信息,元素中的内容都不会显示在页面上。
(1)、meta:标识页面的其他元素,为空元素,是head的第一个子元素。
一般表示为:<meta charset="UTF-8">
(2)、title:标识文档标题,显示在浏览器标题栏或标签页上。
<title>xxxxx</title>
(3)、link:用于引入外部CSS规则。
<link rel="stylesheet" href="css文件的相对路径"/>
(4)、style:规定html内容的格式,属于css引用内部格式
<style type="text/css">
h1<color:red;>
</style>
3、body
文档体,文档可见内容都放置在该元素内,可以大量包含其他元素。
(1)、文本类
h1-h6:一级到六级标题
p:定义一个段落
q:一般小段引用
blockquote:大段引用
span:跨越字符
pre:预格式文本,按照源格式编排页面
em:功能性网站上加强调斜体
i:纯文本斜体
strong:功能性网站上加粗字体体
b:纯文本粗体
abbr:缩写简写标签,全称写在title属性中
sub:下标
sup:上标
br:换行
hr:分割线
(2)、列表
<ul><li></li></ul>:无序列表,可以用做导航
<ol><li></li></ol>:有序列表,用来标识有着先后事件发生顺序的内容
<dl><dt></dt><dd></dd></dl>:定义列表,可用做名词解释,dt一般放名称,dd放解释内容
(3)、导入文件
A、图片
<img src="图片存放路径" alt="图片描述">
< figure><<img src="图片存放路径" ><figcation>图片描述</figcation></figure>
B、音频视频
<video src="路径" controls autoplay loop></video>:自动循环播放视频
<audio src="路径" controls autoplay loop></audio>:自动循环播放音频
C、链接跳转
<a href="跳转路径">XXX</a>
锚点:
<a href="#aaa">XXX</a>
<a href="" name="aaa">XXX</a>
以上是关于HTML5元素总结的主要内容,如果未能解决你的问题,请参考以下文章