这是我参与【第四届青训营】笔记创作活动的第一天。经过一天的学习和总结,这是我认为初学HTML必须掌握的知识。
1.什么是HTML?
HTML(HyperText Markup Language)超文本标记语言,它是一种标记语言。
注意:HTML 标签不区分大小写。也就是说,输入标签时既可以使用大写字母也可以使用小写字母。
例如,标签 <title> 写作<title>、<TITLE>、<Title>、<TiTlE>,等等都可以正常工作。
不过,从一致性、可读性来说,最好仅使用小写字母。
2.HTML语法
①标签和属性不需要区分大小写,推荐小写
②属性值需要用双引号括起来
③空标签可以不闭合(iput、link等)
④某些特殊属性可以忽略
3.语义化
3.1-语义化是什么?
简单来说:就是用正确的标签做正确的事。
比如:(头部:header、导航:nav、标题:h1 ~ h6、页脚footer)等。
3.2-语义化好处
①提高代码可读性
②提高可维护性,便于团队维护和开发
③有利于搜索引擎(SEO)优化
④提升无障碍性
4.块级元素、内联元素和空元素
4.1-块级元素
块级元素: 相对于其前面的内容它会出现在新的一行,其后的内容也会被挤到下一行展现。
块级元素标签(div、ul、li、dl、dt、dd、p、h1-h6、等)
4.2-内联元素
内联元素:也称行内元素,通常出现在块级元素中并环绕文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行。
内联元素标签(a、b、span、input、strong、select、em、button、textarea、等)
4.3-空元素
空元素:没有结束标签,并通常用来在此元素所在位置插入/嵌入一些东西。
空元素标签(br、meta、hr、link、input、img、u、等)
4.4-表格标签
表格标签(table:表格、tr:行、td:列、)等
5.html中特殊字符表示
[图表出处](开始学习 HTML - 学习 Web 开发 | MDN (mozilla.org))
6.注释
在我们暂时不需要该代码的情况下又不想删除,我们可以使用注释的方法来放弃该代码
html注释方法:HTML中的注释以`<!-- 开始,以-->` 结束。
7.HTML 与 XML语法(额外知识)
1.HTML语法:这是为大多数作者建议的格式。它与大多数传统Web浏览器兼容。如果文档是使用 MIME 类型传输的,则 Web 浏览器会将其作为 HTML 文档进行处理。
2.XML。当使用 XML MIME 类型(如 )传输文档时,Web 浏览器会将其视为 XML 文档,并由 XML 处理器进行分析。
区别:XML和HTML的处理方式不同;
XML:即使是很小的语法错误也会阻止标记为XML的文档完全呈现。
HTML:直接忽略。
Note:DOM、HTML 语法和 XML 语法不能都表示相同的内容。
例如,命名空间不能使用 HTML 语法表示,但在 DOM 和 XML 语法中受支持。
同样,可以使用 HTML 语法表示使用该功能的文档,但不能使用 DOM 或 XML 语法表示。
包含字符串 “” 的注释只能在 DOM 中表示,而不能在 HTML 和 XML 语法中表示。
8.Web (额外知识)
8.1-什么是web前端
①解决GUI人机交互问题。
②跨终端(pc/浏览器、小程序等’)。
③技术栈(html、css、js)。
④通过网络协议进行前后端交互。
8.2-web标准
前端(客户端):HTML、CSS、JavaScript
后端(服务端):ASP.NET、Python、PHP
后端用法是从数据库中获取数据然后返回给前端,并在前端浏览器中显示出来
服务器端语言的典型用法是从数据库中获取一些数据并生成一些HTML来包含数据,然后将 HTML 发送到浏览器以将其显示给用户。