HTML结构与标签

2021-01-18 本文已影响0人羽屹漫谈

HTML基本结构

（HTML5中标签不分大小写）

<!DOCTYPE html>

<html> 双标签文件开始标签

<head>文件头部标签

<title>文件标题标签，显示在标题栏</title>

</head>

<body>文件主体标签 </body>

</html>文件结束

HTML5新增语义化标签:

在body里用:

header、footer、section,article,aside,nav

新增标识元素:

canvas,audio,video

双标签:

<></> <h1-6>标题</h1-6> <p>段落</p>

单标签:

hr/换行 img/引用图片

属性值区分大小写

双标签：

<标签名称属性＝"属性值" 属性＝"属性值"…… ></名>

单标签：

<标签名称属性＝"属性值" 属性＝"属性值"……>

块级元素/块级标签:

h1-h6,p,table,ul,div 可设宽高内外边距，独占一行宽度缺省也宽度100％，内可有内联/块元素

内联元素/行级元素/行内标签/级联元素

strong/a/img/span 不可设宽高内外边距，在一行中显示，宽度就是文字或图片宽度，内部只能有文本或内联元素

文本标题h

h1，h6 字体变粗，1-6字体变小

段落标签p

换行符<br/>

内容在设置<br/>出另起一行

转义字符注释标签

<！--...--> 快捷键，框选内容，Ctrl+/

无语义标签

块级元素div，双标签，一块区域内联元素

span双标签，容器，和div相似

语义标签

header:网页或section的页眉，通常包含h1-6或hgroup,没有个数限制

footer:网页或section的页脚底部，

hgroup:标题，有多个h1-6就放到hgroup中包住

nav:页面的导航链接区域

aside:被包含在article元素作为附属信息，例如侧边框

section:节（一个页面里的分组）或段（一篇文章里按照主题的分段），通常还带标题，article，nav，aside可理解为特殊的section，尽量不用section

article:一个在文档，页面或网站中自成一体的内容，

自身独立用article