HTML5学习详解-优快云博客

这篇博客主要介绍了HTML5的相关知识，包括浏览器的内核、服务器与浏览器的交互、URL的结构、HTTP协议的理解以及HTML5的基础标签和开发工具。还提到了HTML5新增的标签和DTD声明，以及前端开发中常用的Webstorm和Sublime编辑器。此外，详细阐述了如h1-h6标题标签、img图片标签、a链接标签等的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#html5#
###浏览器###

常用浏览器及内核
谷歌浏览器chrome Webkit/blink
IE浏览器 InternetExplorer Trident

###服务器###

###服务器-浏览器-网页###

服务器数据通过 get post 方法，http协议
浏览器解析HTML文件渲染生成网页
域名IP地址
请求报文（请求行+请求头+空行+请求体）
响应报文（响应行+响应头+响应体）
响应体就是呈现在网页中的HTML文件
###URL统一资源定位符###
格式：http://127.0.0.1:80/index.html
包括协议，IP地址、端口、资源内容
###http协议###
超文本传输协议规范服务器和浏览器的文件传输
HTML文件拓展名.html 可以使用纯文本编辑器值编辑
###HTML基础###
HTML标准是w3c制定
w3c HTML、XHTML、

HTML5 2008年发布

<html>
    <head>
    <title></title>
    </head>
    <body>
    </body>
 </html>

head标签内添加一些配置信息
head除了title标签内容一般不会在网页中显示，作为网页保存的默认名称
html标签包含其他元素，元素包含标签和内容
meta标签包含charset属性设置字符编码， utf-8 或 GB2312/GBK
###DTD声明###
单标签 meta、br、hr…
双标签 html、head、p、div、span…
html5 DTD文档说明 <!DOCTYPE html> 在文档开头声明，不区分大小写，不是一个标签
xhtml相对于html严格要求有闭合，小写，属性值有双引号。
html5相对于html功能多，增加了标签。
.htm 和.html
http 和https 后者具有安全加密传输协议
###前段开发###
webstorm
sublime

###HTML标签###

h1标签表示标题
h6标签表示小标题
br标签换行
hr标签横线，可以设定宽度
img图片标签
- src属性
  - 推荐使用相对路径
  - …/表示上一级目录
- width 单位可以是“px”或%
- height
- title 鼠标悬停显示信息
- alt 图片未显示的信息
a标签显示链接
- href属性，可以指定网络资源或本地文件
  - 假链接占位
    - #自动回到顶部
    - javascript: 不会回到网页顶部
  - 锚点可以使用#id值
    - 还可以跳转到其他界面的指定位置href=“URL#id值”
- target属性
  - _blank 新标签页打开
  - _self 当前页面跳转，默认
- title属性
base标签专门用来管理a标签打开方式放在head标签内
- a标签的target属性优先于base标签

1.学习html5笔记