术语w3c组织定义的语言标准(https://www.w3.org/)用来描述页面结构的语言(HypertextMarkupLanguage)可以参考文档:MDN常用元素1.文本元素:h(h1~h6)1级标题~6级标题(块级元素)`
`p段落(块级元素)`
`span(无语义,仅用于设置样式,内联元素)`
`pre(预先格式化的文本元素,不会被空格折叠)`
`(whitespacefold:在源代码中将连续的空白字符(空格,换行,制表符)折叠成空格)和其他文本元素如:b,i,em,s等2.a元素:超链接`
`href属性:通常表示跳转地址功能:普通链接锚链接(使用id)功能链接(执行js代码:'javascript:'。发送邮件:'mailto:'。拨号:'tel:')target属性:表示跳转窗口的位置。目标值:_self:在当前页面窗口打开_blank:在新窗口打开路径写法:路径有绝对路径和相对路径。现场资源可以使用相对路径和绝对路径。站外资源使用绝对路径绝对路径书写格式:协议名://主机名:端口号/路径schema://主机:端口/路径协议名:http、https,文件主机名:域名、IP地址端口number:如果协议是http,默认端口号是80。如果是https,默认端口号是443相对路径写法:以./或../开头(./可以省略),(./表示当前资源所在目录,../表示返回到上一级目录)3.图片元素(img)`
`src属性:sourcealt属性:当图片资源失效时,将使用该属性的文字替换图片a元素:a标签包裹img标签与map元素结合使用:map使用name属性img标签,使用usemap属性map子元素:``shape:区域形状(圆形、矩形、多边形)coords:形状的关键点坐标(测量坐标时可以使用专业的测量工具:pxcook、ps、...)和figure元素(HTML5新增):figure包裹一个元素和img元素(使用场景:图片有其他文字信息)4.多媒体元素(HTML5新增)Video:``(format:mp4,webm)Audio:``(可以在其子元素source中写属性src)一些属性值:controls(显示控件),autoplay(自动播放),muted(静音播放),loop(循环播放)Compatible特点:旧版本浏览器不支持这两个元素(以前多用flash)不同浏览器支持的音视频格式可能不一致5.List元素有序列表:ol、li(ol的type属性:可选排序序号的类型)无序列表(比较常用):ul、li(ul也有type属性)定义列表:dl、dt、dd(常用定义一些术语)关于type属性:除非列表中的序号非常重要(例如法律或技术文档中的项目通常需要被引用),否则请使用CSS属性list-style-type设置列表元素的标记(例如点、符号或自定义计数器样式)。)属性覆盖。6、容器元素(该元素代表一个块区域,用于在里面放置其他元素)div:``header:通常用于表示页眉footer:通常用于表示页脚文章:通常用于表示整篇文章section:通常用于表示文章chapteraside:通常用于表示sidebar(其中header,footer,article,section,aside都是语义容器元素,HTML5元素)7.表单元素(主要用于收集用户数据)input:``(输入框)type属性:输入框类型。可选文本、密码、文件、日期、范围(滑块)、搜索、颜色、复选框(多选框)、单选框(单选框)、重置(重置按钮)、按钮(普通按钮)、提交(提交按钮)、...value属性:输入框的值占位符属性:显示提示的文字,文本框无内容提示select:``(一般与option元素使用)可以分类选择:select与optgroup结合使用rows:行数button:``(button)可以和img结合使用一些和form元素结合使用的元素:label(标签的for属性与input的id属性)datalist(元素本身不会显示在Pages中,通常与普通文本结合使用。datalist的id属性与input的list属性相关联)form(通常是将整个form元素放在form元素内部,作用是将form元素的表单内容以合适的方式提交给服务器表单提交时。有action和method属性)fieldset(表单分组。子元素:legend(组标题))formstate:readonly(只读),disabled(禁用)关于表单的一些伪类元素:focus(焦点样式),checked(单选8.表格元素现在很少用到,后台管理系统可能会用到表格元素。表格外层:``Header:theadBody:tbodyFooter:tfootRow:trCell:th/td(intr)td中的属性:colspan(mergecolumns)rowspan(mergerows)关于块级元素和行内元素:以前:独占某一行的元素是块级元素,行内元素不会。现在:HTML5已经弃用了这种说法(为什么?根据w3c官方标准的描述,元素的含义与显示无关)元素包含关系:之前:块级元素可以包含行级元素,行级元素不能包含块级元素(a元素除外)现在:元素的包含关系由元素的内容类别决定。容器元素可以包含任何元素。a元素几乎可以包含任何元素。部分元素有固定的子元素(ul>li,ol>li,dl>dt+dd)标题元素和段落元素不能相互嵌套,不能包含容器元素其他元素iframe:``(通常用于一个页面嵌入另一个页面)页面使用flash:使用object和embedelement对象的子元素param(可以设置flash参数)abbr:``(缩写)time:``(提供给浏览器或搜索引擎读取时间)b:``(粗体)q:``(短引号)blockquote:``(长引号)br:`
`(新行)hr:`
`(分隔线)meta:``(搜索引擎优化)链接:``(链接到外部资源:css、icon)可替换元素的特点:通常是lineboxes。通常显示什么取决于元素的属性。CSS不能让您完全控制其中的样式。具有线块盒的特点。常见的可替换元素:iframe,video,embed,img,textarea,...实体字符实体字符常用于在页面上显示一些特殊符号,如:&word(<>...)number(<...)大于号(>)、小于号(<)、空格号( )、版权号(©)...以上是对HTML的部分整理和总结,希望是有用,有什么建议欢迎提出哦!一起进步吧~