html标签
超文本标记语言(简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,所有的元素都写在标签内。HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。
HTML标签的大小写的效果是一样的,例如
跟跟表示的意思是一样的,推荐使用小写。复制代码
html标签分类
html标签又叫做html元素,它从闭合角度分为闭合标签和空标签。常见的空标签有、、、、等,其他大部分标签都是闭合标签。
另一种更实用的分类方式是块级元素、内联元素(也可以叫做行内元素)和行内块元素,主要根据元素在文档中的位置来确定。
HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素。
块级元素:div、p、h1-h6、ol、ul、dl、table、form、li;
行内元素:span、em、a、i、em、label、br;
行内块级元素:img、input
复制代码
常用标签
script:
属性:type(必选),指定脚本的MIME类型;
async:规定异步执行脚本(仅适用于外部脚本);
charset:规定在外部脚本文件中使用的字符编码;
deffer:规定是否对脚本执行进行延迟,直到页面加载为止;
language:不推荐使用。规定脚本语言。使用 type 属性代替它。
src: 指定脚本路径;
deffer和async的区别:二者都会让外部文件异步执行;deffer只是异步下载,下载完成后会立即执行;async会在整个页面在内存中正常渲染结束(Dom结构完全生成,以及其他脚本执行完成),才会执行;执行顺序上async不可控会在加载完后立即执行;deffer理论上会按顺序执行;
注意: script正常加载时也会阻碍Dom渲染;
复制代码
面试中遇到的问题
ol、dl、ul的区别:
ul为无序列表、ol为有序列表、dl为定义列表,前后有层级关系;
复制代码
块级元素特点:display:block;
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。独占一行
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%,除非设定一个宽度。
行内元素特点:display:inline;
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变(可以通过padding或margin的形式修改行内元素宽高)。
行内块状元素的特点:display:inline-block;
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置
title与h1的区别、b与strong的区别、i与em的区别
title属性没有明确意义,只表示标题;h1表示层次明确的标题,对页面信息的抓取也有很大的影响
strong标明重点内容,语气加强含义;b是无意义的视觉表示
em表示强调文本;i是斜体,是无意义的视觉表示
视觉样式标签:b i u s
语义样式标签:strong em ins del code