HTML5结构
2017-04-01 00:00
176 查看
编写网页和写信一样都有一套规范和要求, 这套规范和要求中规定了写信的固定格式
html标签
作用:用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
注意点:其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
作用:用于给网站添加一些配置信息
例如:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
注意点:一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
title标签
作用:专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:title标签必须写在head标签里面
body标签
作用:专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
注意点:虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
编码格式:简单来说就是为了解决乱码问题。为什么会出现乱码现象呢?因为各个国家的语言不一样,文字标准也不一样。a国的文字b国当然是不认识的,
彼此看到陌生的文字时很懵逼,都会感觉看到了鸟语一样,所以为了解决这种沟通问题就出现了编码格式。国际通用的编码格式是utf-8.
<!DOCTYPE html> //声明文档类型 <html> //说明我们写的是标记语言 <head> //文件头部 <meta charset="utf-8"/> //编码格式 <title></title> //文件标题:显示在浏览器状态栏上的内容 </head> <body> //文件主体:所有要写的内容 </body> </html>
html标签
作用:用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
注意点:其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
作用:用于给网站添加一些配置信息
例如:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
注意点:一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
title标签
作用:专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:title标签必须写在head标签里面
body标签
作用:专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
注意点:虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
编码格式:简单来说就是为了解决乱码问题。为什么会出现乱码现象呢?因为各个国家的语言不一样,文字标准也不一样。a国的文字b国当然是不认识的,
彼此看到陌生的文字时很懵逼,都会感觉看到了鸟语一样,所以为了解决这种沟通问题就出现了编码格式。国际通用的编码格式是utf-8.
相关文章推荐
- 【HTML5初涉】新增主体结构元素和非主体结构元素
- Webkit中HTML5 Video的实现分析 (一) - 基本结构及HTMLMediaElement & MediaPlayer
- HTML5新增的非主体结构元素:
- HTML5 新增的结构元素——能用并不代表对了
- HTML5新增的非主体结构元素
- HTML5新增的主体结构元素
- HTML5 新增文档结构相关元素示例
- html5结构标签
- HTML5 语义元素(一)页面结构
- HTML5结构
- 基于HTML5和WebGL的3D网络拓扑结构图
- HTML5 学习笔记3-非主体结构元素
- html5学习笔记(3)--主题结构元素-1
- Html5之基础-8 HTML结构标记
- HTML5 文档结构元素
- HTML5 移动Web App阅读器-4(页面基本结构开发)
- HTMl5结构元素:header
- HTML5新增与结构有关的元素
- HTML5的新结构标签
- HTML5的新结构标签