HTML基础

1.语义化概述

什么是语义化？

HTML中不同的元素代表不同的含义，使用具有含义的元素来书写HTML文档，即语义化

作用：有利于浏览器理解HTML文档。有利于搜索引擎理解HTML文档

2.超链接

<a>元素书写格式：<a href="目标"> 内容 </a>

target="页面打开位置"点击后在哪里打开新文档

_blank 新窗口中打开，_self 默认值，当前窗口中打开

href属性：

页面地址(路径)，锚点，功能链接

1. 绝对路径和相对路径

绝对路径

当网站部署到服务器后，网站中的所有资源都可以通过一个地址(路径)访问

该地址(路径)的书写格式为：协议://域名/目录

示例：http://www.google.com/

绝对路径的使用场景：

访问站外资源时，只能使用绝对路径

访问站内资源时，若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名

相对路径

相对路径是相对于当前资源的位置，只能用于访问站内资源

相对路径的书写格式为：./路径

./表示当前资源所在的目录，必须作为相对路径的开始，可省略

../表示返回上一级目录

1. 文本元素

h1~h6  1级标题~6级标题

P 段落

blockquote整段的引用

q小段文本的引用

cite对参考文献的引用

abbr对缩写词的引用

b应突出显示的文本

em强调的文本

i应区别对待的文本

1. 结构元素

div元素

它是一个非常常见的元素

它没有任何的语义

它仅仅表示一个容器，用于包含其他元素

在网站布局时，它通常用于表示页面的区域

语义化结构元素

<header>用于表示页面或某个区域的头部

<nav>用于表示导航栏

<aside>用于表示跟周围主题相关的附加信息

<article>用于表示文章或其他可独立页面存在的内容

<section>用于表示一个整体的一部分主题

<footer>用于表示页面或某个区域的脚注

1. 无语义元素

<div>无语义，表示页面中的一块区域

<span>无语义，仅用于给一小段文本添加样式

<br>无语义，空元素，用于在页面中换行

<hr>无语义，空元素，用于在页面中制造一个分割线

<pre>无语义，预格式化元素

7.实体字符

在HTML中，有些字符会被浏览器特殊处理

实体字符可用于显示HTML中具有特殊含义的字符

实体字符的书写格式为 &实体名称;或&#实体编号;

常见的实体字符：

HTML基础

原文：https://www.cnblogs.com/RAINBOW1357/p/11374356.html