持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第30天,点击查看活动详情
a元素 - 图片链接
在很多网站我们会发现图片也是可以点击进行跳转的。img元素跟a元素一起使用,可以实现图片链接。它的实现思路是a元素中不存放文字,而是存放一个img元素,也就是img元素是a元素的内容。
iframe元素
利用iframe元素可以实现在一个HTML文档中嵌入其他HTML文档。frameborder属性用于规定是否显示边框:1显示,0不显示。
a元素target的其他值: _parent:在父窗口中打开URL;_top:在顶层窗口中打开URL。
div元素、span元素
在HTML中有两个特殊的元素div元素、span元素:
- div元素:division,分开、分配的意思
- span元素:跨域、涵盖的意思
网页的发展早期是没有css,这个时候我们必须通过语义化元素来告知浏览器一段文字如何显示。后来出现了css,结构和样式需要分离,这个时候html只需要负责结构即可。比如h1元素可以是一段普通的文本+CSS修饰样式。这个时候就出现了div、span来编写HTML结构所有的结构,样式都交给css来处理。
div元素和span元素都是“纯粹的” 容器,也可以把他们理解成“盒子”,它们都是用来包裹内容的。多个div元素包裹的内容会在不同的行显示。一般作为其他元素的父容器,把其他元素包住,代表一个整体,用于把网页分割为多个独立的部分。
多个span元素包裹的内容会在同一行显示,默认情况下,跟普通文本几乎没差别,用于区分特殊文本和普通文本,比如用来显示一些关键字。
不常用元素
strong元素用于内容加粗、强调。通常加粗会使用css样式来完成,开发中很偶尔会使用一下。
i元素把内容倾斜。通常斜体会使用css样式来完成,开发中偶尔会用它来做字体图标,因为看起来像是icon的缩写。
code元素用于显示代码,偶尔会使用用来显示等宽字体。
br元素是换行元素,开发中已经不使用。
HTML全局属性
我们发现某些属性只能设置在特定的元素中,比如img元素的src、a元素的href,也有一些属性是所有HTML都可以设置和拥有的,这样的属性我们称之为 “全局属性(Global Attributes)。
常见的全局属性如下:
- id:定义唯一标识符(ID),该标识符在整个文档中必须是唯一的。其目的是在链接(使用片段标识符),脚本或样式(使用 CSS)时标识元素。
- class:一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器或者DOM方法来选择和访问特定的元素
- style:给元素添加内联样式
- title:包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户,但不是必须的