首页 > Web开发 > 详细

HTML基础

时间:2019-08-19 00:04:58      阅读:94      评论:0      收藏:0      [点我收藏+]

1.语义化概述

什么是语义化?

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

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

2.超链接

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

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

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

href属性:

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

  1. 绝对路径和相对路径

绝对路径

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

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

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

绝对路径的使用场景:

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

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

相对路径

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

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

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

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

  1. 文本元素

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

段落

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!