HTMl语义标签

实体的语法

再说标签之前有一个重要的定义：实体的语法，当我们想要在body主题中输入<左尖括号或者>右尖括号时会使浏览器解析无法分辨是标签符号还是数学符号，同理当有多个空格时，默认合并成一个空格此时我们就需要实体语法。 以下列举几个常用的实体符号

 //空格
>//大于号
<//小于号
&copy;//版权符号

语义标签

常用标签

1.<meta>标签，可用来设计关键字，字符格式
<meta name = "keywords" content = "HTML5,CSS">用来设计网页搜索的搜索关键字。<br/>
<meta name = "description" contene = "网页描述">用来展示搜索字条的描述信息。<br/>
2.<title>标签用来设定网页的标题，同时也是搜索结果超链接的命名。<br/>
3.h1~h6标题标签。<br/>
4.p标签，表示一个段落，块元素，会换。<br/>
5.hgroup标签，分组标签。<br/>
6.em和strong标签用来强调文字，行内元素<br/>
7.blockquote引用标签，换行块元素<br/>

块元素和行内元素

块元素：块元素页面设计的主要内容，块元素内放行内元素，行内元素不能放块元素。
行内元素：主要用来包裹文字。
其中p标签内不能放任何块元素。
常见的块元素：

header 头部块
main 主体部分，一个网页只有一个
footer 底部块
nav 网页导航栏
section 用于表示上述无法表示的块元素

但在平常使用时，最常用的还是div块元素搭配span行内元素进行设计。

列表

主要分为有序列表，无序列表和定义列表
1.无序列表：ul标签内搭配li标签配合使用

<ul>
    <li>aa<li/>
    <li>bb<li/>
<ul/>

2.有序列表，ol搭配li使用

<ol>
    <li>aa<li/>
    <li>bb<li/>
<ol/>

3.定义列表，dl配合li使用，同上
其中三个列表可以互相嵌套使用

超链接：

超链接：a标签
属性：
1.href跳转到指定目标的路径，分为站内路径和站外路径，其中有一个概念：相对路径./表示当前文件所在目录，../表示当前文件上一层目录，/表示进入下一层目录，当不写./或.//默认在当前目录。
2.target：表示打开的位置target=”_self”表示在本页面跳转，targer=”blank”表示新打开一个空白页。
3.回到顶部超链接：

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

去到页面其他位置：例如去到段落p

<a herf="#target">超链接</a>
<p id = "target">目标段落</p>

图片标签

标签：img：自结束标签
属性：src表示路径，同上
          alt图片描述，默认情况下不会显示，当文件无法显示时，会给出图片描述可用来做资源搜索的关键字
          width:图片宽度
          height:图片高度（如果只修改一个会默认同比例改变）

内联框架：

iframe属性：
src：如内部视频的路径
width,height,frameborder:宽高，是否有边框0或1

音频标签

audio标签：
属性: src路径
controls：默认用户无法操作音频文件，加上允许客户控制
autoplay：自动播放
loop：循环
……
video标签同理