前端学习之HTML/语法(上)

本文详细介绍了HTML的基本概念,包括HTML标签、属性、元素、文档结构等,并重点讲解了HTML5中的一些新特性,如全局属性、新标签、内容模型等。此外,还提到了HTML5的设计原则,如避免不必要的复杂性和支持已有内容。对于开发者来说,掌握这些基础知识对于前端开发至关重要。
摘要由CSDN通过智能技术生成

HTML文档的后缀一般都是.html,但是在以前,.htm后缀也是不少的,它们都代表html文档,实际上也没有本质的区别。htm是在win32时代,系统只能识别3位扩展名时使用的。现在一般都使用.html

 

概念

  (Hyper Text Markup Language)超文本标记语言,是用来描述网页的一种语言

  1. 超文本(Hyper Text):不只包括文本,也可以包括图片、链接、音乐、视频等非文本元素

  2. 标记语言(Markup Language):标记语言是一套标记标签,HTML使用标记标签来描述网页

 

标签

  由尖括号包围的关键词,比如 <html>

  HTML 标签分为单标签和双标签

  1. 双标签:HTML标签通常是成对出现的,比如 <b> 和 </b>。第一个标签是开始标签,第二个标签是结束标签;开始标签和结束标签也被称为开放标签和闭合标签

  2. 常见的单标签有:<img><br><hr><input>

  注意:HTML标签对大小写不敏感,但要全小写

 

属性

  HTML标签可以拥有属性,属性提供了有关HTML元素的更多信息。

  属性以名值对(名称/值)的形式出现,且总是在HTML元素的开始标签中规定。

【常见属性】

元素

  从开始标签到结束标签的所有代码

  HTML元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容。

 

文档

  HTML文档被称为网页,由嵌套的HTML元素构成

  注意:浏览器不会显示HTML标签,而是使用标签来解释页面的内容

 

注释

  注释是在HTML插入的描述性文本,用来解释该代码或提示其他信息。

<!-- This is a comment -->

注意:注释只出现在代码中,不会在页面中显示;且注释不可嵌套

实体

  HTML中某些字符是预留的,需要被替换为字符实体

在HTML中,属性能表达相当丰富的语义,而且属性也会额外提供很多实用的功能,HTML共支持16个常见的全局属性

 

HTML原有属性

accesskey

  作用:浏览器用来创建激活或聚焦元素的快捷键

  值:一个键盘字符如 O

  范围:支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>

  注意:使用该属性可能在新窗口打开链接时可能会被浏览器屏蔽

<div>

<a href="https://www.baidu.com" accesskey="b">百度</a>

<a href="https://www.taobao.com&#
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值