关于html:关于HTMLHyper-Text-Markup-Language

术语

w3c 组织定义的语言规范（https://www.w3.org/）用于形容页面构造的语言（超文本标记语言）可参考文档：MDN

罕用的元素

1. 文本元素：h（h1~h6）1 级题目~6 级题目（块级元素）`<h1></h1>`
p 段落（块级元素）`<p></p>`
span（无语义, 仅用于设置款式, 行内元素）`<span></span>`
pre（预格式化文本元素, 不会被空白折叠）`<pre></pre>`（空白折叠：在源代码中的间断空白字符（空格, 换行, 制表）会被折叠为一个空格）还有其余文本元素如：b,i,em,s 等


2. a 元素：超链接 `<a></a>`
href 属性：通常示意跳转地址
作用：一般链接
      锚链接（利用 id）性能链接（执行 js 代码：'javascript:'。发送邮件：'mailto:'。拨号：'tel:'）target 属性：示意跳转窗口的地位
 target 取值：_self：在以后页面窗口中关上
             _blank：在新窗口中关上
 
 门路的写法：门路有 绝对路径 和 相对路径
 站内资源可应用相对路径和绝对路径
 站外资源应用绝对路径
 
 绝对路径书写格局：协定名:// 主机名: 端口号 / 门路
                  schema://host:port/path
 协定名:http,https,file
 主机名: 域名,IP 地址
 端口号: 若协定为 http, 默认端口号为 80。若为 https, 默认端口号为 443
 
 相对路径书写格局：以./ 或者../ 结尾（./ 可省略）,（./ 示意以后资源所在目录 , ../ 示意返回上一级目录）3. 图片元素（img）`<img src=""alt="">`
 src 属性：source
 alt 属性：当图片资源生效时，会应用该属性的文字代替图片
 
 和 a 元素联用：a 标签包裹 img 标签
 和 map 元素联用：map 应用 name 属性
               img 标签则应用 usemap 属性
 map 的子元素：`<area shape=""coords="" href=""alt="" target="">`
              shape: 区域形态（圆形, 矩形, 多边形）coords: 形态的关键点坐标（掂量坐标时可应用业余的掂量工具:pxcook,ps,...）和 figure 元素 (HTML5 新增) 联用：figure 包裹 a 元素和 img 元素（应用场景：图片有其余的文字信息）4. 多媒体元素（HTML5 新增）视频：`<video src=''></video>`（格局：mp4，webm）音频：`<audio src=''></audio>`（可在其子元素 source 中写属性 src）一些属性取值：controls（显示控件），autoplay（自动播放）,muted（静音播放），loop（循环播放）兼容性：旧版本的浏览器不反对这两个元素（以前少数应用 flash）不同的浏览器反对的音视频格局可能不统一
   
   
  5. 列表元素
  有序列表：ol，li（ol 的 type 属性：可抉择排序序号的类型）无序列表（较罕用）：ul，li（ul 同样有 type 属性）定义列表：dl，dt，dd（通常用于一些术语的定义）对于 type 属性：除非列表中序号很重要（比方，在法律或者技术文件中条目通常被须要所援用），否则请应用 CSS 属性 list-style-type 能够设置列表元素的 marker（比方圆点、符号、或者自定义计数器款式）。) 属性代替。6. 容器元素（该元素代表一个块区域，外部用于搁置其余元素）div：`<div></div>`
  header：通常用于示意页头
  footer：通常用于示意页脚
  article：通常用于示意整篇文章
  section：通常用于示意文章章节
  aside：通常用于示意侧边栏（其中 header,footer,article,section,aside 都为语义化容器元素，是 HTML5 的元素）7. 表单元素（次要用于收集用户数据）input：`<input type=''value=''>`（输入框）type 属性：输入框类型。可选 text,passwprd,file,date,range(滑块),search,color,checkbox(多选框),radio(单选框),reset(重置按钮),button(一般按钮),submit(提交按钮),...
        value 属性：输入框的值
        placeholder 属性：显示提醒的文本，文本框没有内容提醒
        
 select：`<select><option></option></select>`（通常和 option 元素配合应用）可进行分类抉择：select 与 optgroup 配合应用
 
 textarea：`<textarea name=''cols='' rows=''></textarea>`（文本域）cols: 列数
            rows: 行数
            
 button：`<button type=''></button>`（按钮）可于 img 配合应用
 
 配合表单元素应用的一些元素：label（label 的 for 属性与 input 的 id 属性关联）datalist（该元素自身不会显示到页面, 通常和一般文本配合。datalist 的 id 属性与 input 的 list 属性关联）form（通常会将整个表单元素搁置到 form 元素的外部，作用是当提交表单时会将 form 元素的表单内容以适合的形式提交到服务器。有 action 和 method 属性）fieldset（表单分组。子元素：legend（分组题目））表单状态：readonly（是否只读）,disabled（是否禁用）一些无关表单的伪类元素：focus（聚焦款式）,checked（单选框或多选框被选中的款式）8. 表格元素
 当初很少用，后盾管理系统可能会应用表格元素
 表格外层：`<table></table>`
 表头：thead
 表体：tbody
 表尾：tfoot
 行：tr
 单元格：th/td（在 tr 里）td 里的属性：colspan（合并列）rowspan（合并行）

对于块级元素和行内元素：

以前：独占某一行的元素为块级元素，行内元素不会。当初：HTML5 曾经弃用这种说法（为什么？依据 w3c 官网规范的形容, 元素代表的含意与显示无关）元素蕴含关系：以前：块级元素可蕴含行级元素，行级元素不可蕴含块级元素（a 元素除外）当初：元素的蕴含关系由元素的内容类别决定

容器元素能够蕴含任何元素
a 元素简直能够蕴含任何元素
某些元素有固定的子元素（ul>li,ol>li,dl>dt+dd）题目元素和段落元素不能互相嵌套，并且不能蕴含容器元素

其余元素

iframe：`<iframe src=''></iframe>`（通常用于一个页面嵌入另一个页面）页面应用 flash：利用 object 和 embed 元素
               object 的子元素 param（可设置 flash 的参数）abbr：`<abbr></abbr>`（缩写词）time：`<time datetime=''></time>`（提供给浏览器或搜索引擎浏览的工夫）b：`<b></b>`（加粗字体）q：`<q></q>`（短援用）blockquote：`<blockquote></blockquote>`（长援用）br：`<br>`（换行）hr：`<hr>`（分割线）meta：`<meta>`（搜索引擎的优化）link：`<link>`（连贯内部资源：css, 图标）

可替换元素

 特点：通常为行盒。通常显示的内容取决于元素的属性。CSS 不能齐全管制其中的款式。具备行块盒的特点。常见的可替换元素:iframe,video,embed,img,textarea,...

实体字符

实体字符罕用于在页面中显示一些特殊符号
如：& 单词（<>...）&# 数字（<...）大于符号(&gt)，小于符号(&lt)，空格符号(&nbsp), 版权符号(&copy)...

以上是对 HTML 的局部整顿和总结，心愿有用，有什么倡议欢送提出哦！
大家一起提高~