HTML5概述

WWW = URL + HTTP + HTML
WWW就是World Wide Web
内容共享是互联网的本质。
HTML权威资料MDN HTML5
H5≠HTML5
H5是指手机页面,把手机页面叫H5的人不专业 。
input标签中,只要有checked属性,不管值如何,就是勾选。


标签无需闭合

标签大小写无所谓,但最好小写。
HTML如何排错?

  1. 看vscode颜色提示,虽然大多数时候看不出来
  2. 看webstorm颜色提示
  3. 使用HTML5验证器(在线的/npm工具)谷歌搜索w3c vavlidator在线检查
    w3c vavlidator用来检查html语法错误

    在哪查资料?
    关键词 + mdn

HTML教程

  • 网道

粘贴代码工具粘贴代码点Share
格式化代码


沙盒类似一个在线的vscode。

HTML基础

章节标签
![](https://upload-images.jianshu.io/upload_images/25768367- d34f32389e5bb582.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

全局属性(所有标签都有的属性)



让style可见:将style标签放到body,并在两标签之间加上style{display=block}。

不到万不得已不用id(不能保证id表示的元素全页面唯一),最好用class。
.class{...}
//#id{...}
设置样式时,js>html内嵌式>css
tabindex表示用Tab键访问标签元素的顺序。tab=-1表示永远不会被通过按Tab键访问。
单行文字溢出css处理

默认样式

为什么有默认样式?
HTML被发明时,还没有CSS。

而默认样式很丑不符合我们的需求,我们就需要CSS reset。

清除默认样式

也可以抄大厂代码
  • 进入大厂首页
  • Chrome开发者工具,找到类似代码
  • 复制到自己的项目
  • 命名为reset.css

怎么查看默认样式?

  1. Chrome开发者工具
  2. Elements->Styles->user agent stylesheet

标签用于保留多个空格,回车,Tab等。

你可能感兴趣的:(HTML5概述)