HTML初识

本文介绍了HTML与XHTML的区别,强调了XHTML的严格性。讨论了meta标签在设定文档元数据中的作用,特别是与Unicode(如UTF-8)字符编码的关联。此外,还提到了HTML5文档对象模型(DOM)和用户样式表的重要性。文章探讨了HTML5验证器的使用,并指出ARIA如何增强网页的可访问性,通过添加语义信息以帮助辅助技术理解页面结构。最后,提及了HTML5中一些元素的最佳实践,如段落标签的使用和属性值的规范。

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

HTML基础

  • HTML中元素不区分大小写
  • XHTML:更严格的版本,要求所有元素和属性名都以小写形式显示,并且空元素末尾带有额外斜线,如《img /》,斜线前的空格不是必要的。
  • meta:提供了文档的元数据,包括作者、关键字、发布状态以及搜索引擎可以使用的描述信息
  • Unicode:包括UTF-8、UTF-16、UTF-32,它们在表示字符的字节上有所不同(分别为1、2和3)。HTML5默认使用UTF-8。
  • 需要在HTTP头进行配置,使服务器能够将HTML文档标识为UTF-8
  • 文档层次:元素一个接一个排列,或者一个嵌套在另一个元素中,这些方法创建了元素间的关系,可以说是一个文档概要,技术上叫做DOM,即文档对象模型
  • 用户样式表:浏览器的内置样式表,描述元素的默认显示方式
  • 属性值的引号不是必须的,可以用单引号也可以用双引号,HTML不能为元素自创属性
  • HTML5的验证器html5.validator.nu
  • 段落标签省略结束标签是可以接受的,因为当遇到下一个块元素时浏览器就会假定它结束了

文本元素总结

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


  • HTML5规范建议:如果对元素进行分组的目的知识提供一个样式挂钩,那么应该使用泛型div元素
  • ARIA:可访问的富Internet应用程序,是一组标准化的属性,定义了角色,状态和属性,开发人员可以将它们添加到标记和脚本中,以提供更丰富的语义信息。

像div和span这样的泛型元素缺乏辅助设备所必须的语义,标记本身并不能提供足够的线索来说明元素是如何使用的、以及当前表单是否被选中、是否必需或是处于其他状态。所以就需要ARIA

<ul id="tabs" role="toolbar">
<div id="status" role="alert">
<nav role="navigation">
<header role="banner">
<main role="main">
<aside role="complementart">
<footer role="contentinfo">

字符转移

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

烂人王

求求了 赏我吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值