HTML知识点与内容元素

本文详细介绍了HTML的各种元素,包括根元素html、元数据元素head、link和meta,以及内容元素如address、article、aside、footer、header、h1-h6、main、nav、section、div、ul、ol、li、p、a、br、span、audio、img、video、iframe、canvas、script、form、input、button、select、option和table等。这些元素构成了HTML文档的基本结构和功能,涵盖了网页内容展示、导航、样式和交互等多个方面。
摘要由CSDN通过智能技术生成

HTML知识点

根元素html:HTML元素,表示一个HTML文档的根(顶级元素)。所以它也被称为根元素。所有其他元素必须是此元素的后代。
head:规定文档相关的配置信息(元数据)包括文档的标题,引用的文档样式和脚本等。
link:规定了外部资源与当前文档的关系。这个元素最长用于链接样式表,还能被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标)甚至其他事情。
meta:表示那些不能由其他HTML相关元素(<bese><link><script><style>或<title>)之一表示的任何无数据信息。
style:包含文档的样式信息或文档的部分内容默认情况下,该标签的样式信息通常为css的格式。
title:定义文档的标题,显示在浏览器的标题栏或标签栏页上,他只可以包含文本。若是包含有标签,则标签的任何标题都不会被解释。
分区根元素body:body元素表示文档的内容。

内容元素

< address >:表示其中的HTML提供了某个人或某个组织(等等)的联系信息。
< article >:表示文档.页面.应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。
< aside >:表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分,并且可以被单独的拆分出来而不会使整体受影响。
< footer >:表示最近一个章节内容或者跟节点(sectioning root)元素的页脚。一个页脚通常包含该章节作者.版权数据或者与文档相关的链接等信息。
< header >:用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实测元素,他可能包含一些标题元素但也可能包含其他元素。比如LOGO.搜索框.作者名称等等。
< h1-h6 >:呈现了六个不同的级别的标题。< h1 >级别最高,而< h6 >级别最低。
< main >:呈现了文档的< body >或应用的主题部分。主体部分与文档直接相关,或者扩展于文档的中心主题,应用的主要功能部分的内容组成。
< nav >:描绘一个含有多个超链接的区域,这个区域包含转到其他页面。或者页面内容其他部分的链接列表。
**< section >**显示文档中的一个区域(或节),比如内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题(< h1 >< h6 >)作为子节点来辨别每一个< section >。
< div >:是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以用来对其它元素进行分组,一般用于样式化相关的需求。(使用class或id特性)或者对具有相同特性的一组元素进行分组。
< ul >:表示一个内可含多个元素的无序列表或项目符号列表。
< ol >:表示多个有序列表项,通常渲染为有带编号的列表。
< li >:用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表< ol >,一个无序列表< ul >。在有序列表里列表条目通常在左边显示按升序排列的计数,列如数字或字母。在无序列表里列表条目通常用点排列显示。
< p >:表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。
< a >:可以创建通向其他网页.文件.同一页面内的位置。电子邮件地址上或任何其他url的超链接。
< br >:强制换行(回车)
< span >:是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者ld属性)或者这些元素有着共同的属性,应该在没有其他合适的语义元素时才使用它。
< audio >:用于在文档中表示音频内容,audio元素可以包含多个音频资源,这些音频资源可以使用src属性或者source元素来进行描述;浏览器将会选择最合适的一个来使用。对于不支持audio元素的浏览器,audio元素也可以作为浏览器不识别的内容加入到文档中。
< img >:文档中的图像
< video >:用于在HTML文档中嵌入媒体播放器,用于支持文档的视频播放。
< iframe >:表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中。
< canvas >:可被用来通过脚本(通常是Javascript)绘制图形。比如它可以被用来绘制图形,制作图片集合,甚至用来实现动画效果。你可以在元素标签内写入可提供替代的代码内容,这些将会在旧的.不支持< canvas >元素的浏览器或足禁用了javascript的浏览器内渲染并展现。
< script >:用于嵌入或引用可执行脚本。
< form >:表示了文档中的一个区域,这个区域包含有交互控制元件。用来向web服务器提交信息。
< input >:用于为基于web的表单创建交互式控件,以便接受来自用户的数据,可以使用各种类型的输入法数据和控件小部件。
< button >:表示一个可点击的按钮,可以在表单或文档其他需要使用简单标准按钮的地方。
< select >:表示一个控件,提供一个选项菜单。
< option >:用于定义在< select >元素中包含的项< option >可以在弹出窗口和html文档中的其他项目列表中表示菜单项。
< table >:表示表格数据即通过二维数据表表示的信息,简单的html表格由table元素以及一个或多个tr.th.td元素组成。
< tr >:定义表格行
< th >:定义表头
< td >:定义表格单元

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值