1.语义化概述
什么是语义化?
HTML中不同的元素代表不同的含义,使用具有含义的元素来书写HTML文档,即语义化
作用:有利于浏览器理解HTML文档。有利于搜索引擎理解HTML文档
2.超链接
<a>元素书写格式:<a href="目标"> 内容 </a>
target="页面打开位置"点击后在哪里打开新文档
_blank 新窗口中打开,_self 默认值,当前窗口中打开
href属性:
页面地址(路径),锚点,功能链接
绝对路径和相对路径绝对路径
当网站部署到服务器后,网站中的所有资源都可以通过一个地址(路径)访问
该地址(路径)的书写格式为:协议://域名/目录
示例:http://www.google.com/
绝对路径的使用场景:
访问站外资源时,只能使用绝对路径
访问站内资源时,若网站已部署到服务器,可以使用绝对路径,并可以省略协议和域名
相对路径
相对路径是相对于当前资源的位置,只能用于访问站内资源
相对路径的书写格式为:./路径
./表示当前资源所在的目录,必须作为相对路径的开始,可省略
../表示返回上一级目录
文本元素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中具有特殊含义的字符
实体字符的书写格式为 &实体名称;或&#实体编号;
常见的实体字符:
显示结果
| 描述
| 实体名称 | 实体编号 |
| 空格 |
|
|
< | 小于符号 | <
| < |
> | 大于符号 | >
| > |
& | 并且符号 | & | & |
© | 版权符号 | ©
| © |
以上是内存溢出为你收集整理的HTML基础全部内容,希望文章能够帮你解决HTML基础所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)