HTML基础
1.语义化概述
什么是语义化?
HTML中不同的元素代表不同的含义,使用具有含义的元素来书写HTML文档,即语义化
作用:有利于浏览器理解HTML文档。有利于搜索引擎理解HTML文档
2.超链接
<a>元素书写格式:<a href="目标"> 内容 </a>
target="页面打开位置"点击后在哪里打开新文档
_blank 新窗口中打开,_self 默认值,当前窗口中打开
href属性:
页面地址(路径),锚点,功能链接
- 绝对路径和相对路径
绝对路径
当网站部署到服务器后,网站中的所有资源都可以通过一个地址(路径)访问
该地址(路径)的书写格式为:协议://域名/目录
绝对路径的使用场景:
访问站外资源时,只能使用绝对路径
访问站内资源时,若网站已部署到服务器,可以使用绝对路径,并可以省略协议和域名
相对路径
相对路径是相对于当前资源的位置,只能用于访问站内资源
相对路径的书写格式为:./路径
./表示当前资源所在的目录,必须作为相对路径的开始,可省略
../表示返回上一级目录
- 文本元素
h1~h6 1级标题~6级标题
P 段落
blockquote整段的引用
q小段文本的引用
cite对参考文献的引用
abbr对缩写词的引用
b应突出显示的文本
em强调的文本
i应区别对待的文本
- 结构元素
div元素
它是一个非常常见的元素
它没有任何的语义
它仅仅表示一个容器,用于包含其他元素
在网站布局时,它通常用于表示页面的区域
语义化结构元素
<header>用于表示页面或某个区域的头部
<nav>用于表示导航栏
<aside>用于表示跟周围主题相关的附加信息
<article>用于表示文章或其他可独立页面存在的内容
<section>用于表示一个整体的一部分主题
<footer>用于表示页面或某个区域的脚注
- 无语义元素
<div>无语义,表示页面中的一块区域
<span>无语义,仅用于给一小段文本添加样式
<br>无语义,空元素,用于在页面中换行
<hr>无语义,空元素,用于在页面中制造一个分割线
<pre>无语义,预格式化元素
7.实体字符
在HTML中,有些字符会被浏览器特殊处理
实体字符可用于显示HTML中具有特殊含义的字符
实体字符的书写格式为 &实体名称;或&#实体编号;
常见的实体字符:
显示结果
|
描述
|
实体名称 |
实体编号 |
|
空格 |
|
|
< |
小于符号 |
<
|
< |
> |
大于符号 |
>
|
> |
& |
并且符号 |
& |
& |
© |
版权符号 |
©
|
©
|