本文详细介绍了HTML5的基础知识，包括HTML的内核、标签分类、文档类型、字符集选择及语义化标签如标题、段落、水平线、换行、div和span等的使用。同时，讲解了如何通过排版标签与CSS配合使用来展示网页结构。
注:从零开始玩转前端与移动开发（第一阶段HTML5）学习笔记https://www.bilibili.com/video/av15241731?t=43
- 1.trident内核(IE)
- 2.gecko内核(Firefox)
- 3.webkit内核(苹果)
- 4.chromium/blink(谷歌浏览器)
HTML
使用标签与不使用标签的在html中的效果:
html骨架
<html>标签:所有html标签的根节点.
<head>标签:头部标签,用于存放title,meta,base,style,link等标签
<title>标签:标题标签
<body>标签:主体标签.html页面的主体部分.用于存放所有html标签
html标签分类
双标签: <标签名>内容</标签名>
比如: <body>你好</body>
单标签:<标签名 />
比如<br />
html标签关系
1.嵌套关系
<html> <head> <title></title> </head> </html> <!-- 嵌套关系.嵌套关系可以有多层 -->2.并列关系
<!-- 例如：head和body为并列关系 -->
<head> </head>
<body> </body>
文档类型<!DOCTYPE>
<!DOCTYPE html> <!-- HTML5类型文档 -->字符集:选择utf8编码
<meta charset="UTF-8">HTML标签语义化
所谓的标签语义化,指标签的含义.
HTML标签
排版标签
排版标签主要和CSS搭配使用,显示网页结构的标签.是网页布局最常用的标签.
标题标签h1-6
单词缩写:head 头部,标题
为了使网页更具有语义化,我们经常会在页面中用到标题标签,html提供了6个等级的标题,即:
<h1> ~ <h6>
标题标签语义:作为标题使用,并且依据重要性递减
基本语法格式如下
<hn>标题文本本</hn>注意:<h1>标签因为非常重要,尽量少用.一般是给LOGO使用.
段落标签p
单词缩写:paragraph 段落
<p>段落内容</p><p>标签是html文档中最常见的标签.默认情况下,文本在段落中会根据浏览器窗口大小自动换行.
水平线标签hr
单词缩写:horzizontal 横线
<hr /> <!-- 水平线标签 -->换行标签br
单词缩写:break 打断
<br />div和span标签
div和span是没有语义的,是我们网页布局主要的两个盒子
div即division 分割,分区
span,跨度,跨距,范围
语法格式
<div>div里面的内容</div>
<span>span里面的内容</span>文本格式化标签
注释：根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。HTML 5 规范声明：标题应该用 <h1> - <h6> 标签表示，被强调的文本应该用 <em> 标签表示，重要的文本应该用 <strong> 标签表示，被标记的或者高亮显示的文本应该用 <mark> 标签表示。
b i s u标签只有使用没有强调; strong em del ins语义更强烈.
标签属性
扫一扫
2075
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
