html基础强化复习

HTML常见元素和理解

head区常见标签元素:<meta/> <title></title>  <style></style>  <link/>  <script/>  <base/>

<meta charset="utf-8">表示的是页面使用的字符集

移动端头

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>

其中<base>标签元素必须位于head元素内部

<base>标签为页面上的所有链接规定默认地址和默认目标:例如

<base href="http://www.w3school.com.cn/i/" />

body区常见标签元素

我这里不按照inline、inline-block、 block元素分

按照自己理解分类

一般用来布局的块元素:<div></div> <section></section>  <article></article> <aside></aside> <header></header> <footer></footer><nav></nav>

表示段落的块元素:p

行内元素(inline)元素：<span></span> 、<em></em> 、<strong></strong> 、<i></i>

表格元素: <table></table>、 <thead></thead> 、<tbody></tbody> 、<tr></tr>、 <td></td>

列表元素：<ul></ul> 、 <li></li> 、 <ol></ol> 、<dl></dl> 、<dt></dt>、 <dd></dd>

链接：<a></a>

表单元素: <form></form>、<input/>、<select><\select>、<textarea></textarea>、<button></button>

HTML重要属性：

a[href,target]

img[src,alt]

table td[rowspan,colspan]

form[target,method,enctype]

input[type,value]

button[type]

select>option[value]

label[for]

HTML版本

HTML4	XHTML	HTML5
标签允许不结束	标签必须结束	标签允许不结束
属性不带引号	属性必须引号	属性不用带引号
标签属性可大写	标签属性必须小写	标签属性可以大写
Boolean属性可省略值	Boolean属性必须写值	Boolean属性可省略值

HTML元素嵌套关系

  1.块级元素可以包含行内元素

  2.块级元素不一定能包含块级元素，比如p一般不能包含div

  3.“行内元素一般不能包含块级元素”

  划重点第三点

  行内元素一般不能包含块级元素,但是有一种情况却是合法的，比如a标签可以包含div (a>div),因为在HTML5中a标签内容盒模型为transparent的，因为是透明的，所以在计算嵌套合法性时，a标签就会被忽略，所以这种情况就合法