HTML散装知识点

在网页中编写多个空格默认情况会自动被浏览器解析为一个空格

在HTML中有些时候，在我们不能直接书写一些特殊符号

比如：多个连续的空格，比如字母两侧的大于和小于号

如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）

实体的语法:

&实体名字;

     (空格)

    >(大于号)

    <(小于号)

    ©(版权符号)

详情请见:https://www.w3school.com.cn/tags/html_ref_entities.html

meta主要用于设置网页的一些元数据,元数据不是给用户看

charset 指定网页的字符集

name 指定的数据的名称

• keywords 表示网站是关键字,可以同时指定多个关键字,关键字间使用, 号隔开.

• description 用于指定网站的描述

content 指定的数据的内容

<meta name="keywords" content="HTML5,前端,CSS3">

<meta http-equiv="refresh" content="3; url=https://www.baidu.com">

将网页重定向道另一个网站(3秒)

布局标签(结构化语义标签)

header 表示网页的头部

main 表示网页的主体

footer 表示网页的底部

nav 表示网页中的导航

aside 和主体相关的其他内容(侧边栏)

article 表示一个独立的文章

section 表示一个独立的区块,上边的标签都不能表示时用section

target属性,用来指定超链接打开的位置

可选值:

• _self 默认值 在当前页面中打开超链接
• _blank 在一个新的页面中打开超链接

超链接可以跳转页面的指定位置,只需要将href属性设置 #目标元素的id属性值

在开发中可以将#作为超链接的路径占位符使用(会跳转到当前页开头)

可以使用javascript:;来作为href的属性,此时点击这个超链接什么也不会发生

<a href=”javascript:;”>这是一个超链接</a>

内联框架(iframe),用于向当前页面中引入一个其他页面

src 指定要引入的网页路径

frameborder 指定内联框架的边框

audio标签用来向页面中引入一个外部的音频文件的

音视频文件引入时,默认情况下不允许用户自己控制播放停止

属性:

• controls 是否允许用户控制播放
• autoplay 音频文件是否自动播放(如果设置了autoplay则音乐在打开页面时会自动播放,但是目前大部分浏览器都不会自动对音乐进行播放)
• loop 音乐是否循环播放

除了通过src来指定外部文件的路径以外,还可以通过source来指定文件的路径

例:

<audio controls>

    对不起,您的浏览器不支持播放音频!请升级浏览器!

    <source src=”./source/audio.mp3”>

    <source src="./source/audio.ogg">

    <embed src="./source/audio.mp3" type="audio/mp3" width="300px" heigh="100px">

</audio>

(优先选择第一个语句)

(支持audio的浏览器会直接找到source标签,不支持audio的浏览器会直接输出提示语句(如IE8及以下))

建议不要使用embed(要信我哦,当然你兼容ie8及以下的话可以考虑考虑)

video标签来向网页中引入一个视频

使用方式和audio基本上是一样的

<video controls>

    <source src="./source/flower.webm">

    <source src="./source/flower.mp4">

    <embed src=”./source/flower.mp4” type=”video/mp4”>

</video>