一些常用实体名字: 空格 >大于号 &it小于号 ©版权符号
meta主要用于设置网页中的一些元数据,元数据不是给用户看
charset指定网页的字符集,name指定的数据的名称,content指定的数据的内容
keywords表示网站的关键字,可以同时指定多个关键字, 关键字间使用,隔开
description用于指定网站的描述,网站的描述会显示在搜索引擎的搜索的結果中
title标签的内容会作为搜素结果的超链接上的文字显示
将页面重新定义到另一个网页:
hgroup标签用来为标题分组,可以将组相关的标题同时放入到hgroup:
加重语气:<strong><em>
长引用:<blockquote><q>
header:表示网页的头部
main:表示网页的主体部分(一个页面中只会有一个main)
footer:表示网页的底部
nav:表示网页中的导航
aside和主体相关的其他内容(例边栏)
article:表示一个独立的文章
section:表示一个独立的区块,上边的标签都不能表示时使用section
div没有语义,就用来表示一个区块,目前来讲div还是我们主要的布局元素
span:行内元素。没有任何的语义,一般用于在网页中选中文字
有序列表:使用<ol>标签来创建有序列表,使用<li>表示列表项
无序列表:使用<ul>标签来创建无序列表,使用<li>表示列表项
定义列表:使用<dl>标签来创建定义列表,使用<dt>表示定义内容、使用<dd>来对内容进行解释说明
超链接:<a> 行内元素,可以嵌套自身以外的任何元素
href的值为JavaScript,什么也不发生
<a href="https://www.baidu.com">百度</a>
href的值可以是一个外部网站,也可以是一个内部页面的地址
<a href="#"></a>:回顶部
<a href="#要去的标签ID名"></a>:去指定位置
图片标签:<img >自结束标签
src可以指定图片地址,也可以指定图片网址
width,hight pc端一般不修改图片大小
alt:用来让搜素引擎搜索关键词的
图片的格式,
jpeg(jpg)
支持的颜色比较丰富,不支持透明效果,不支持动图。一般用来显示照片
gif
支持的颜色比较少,支持简单透明,支持动图颜色单一的图片,动图
png
支持的颜色丰富。支持复杂透明, 不支持动图,颜色丰富,复杂透明图片(专为网页而生)
webp
这种格式是谷歌新推出的专用来表示网页中的图片的一种格式,它具备其他图片格式的所有优点,而且文件还特别的小
缺点。兼容性不好
规则:
效果一样, 用小的
效果不一样,用效果好的
内联框架,用于向当前页面中引入一个其他页面
src:引入网页路径,frameborder:指定内联框架的边框
音频标签:<audio>
属性:controls:是否允许用户控制播放
autopaly 音频文件是否自动播放,但是大部分浏览器不会自动播放
loop:循环播放
视频标签:<video>