web端测试也需要懂-HTML初识

4.1 HTML骨架

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

4.2 HTML标签分类

一.双标签

<标签名>内容</标签名>

二.单标签

<标签名/>

eg:<br />

4.3HTML标签关系

1.嵌套关系

<html>

<head>

<title></title>

</head>

</html>

2.并列级关系

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

4.5开发工具

1.sublime

2.webstorm

3.hbuilder

4.visual studio code

4.6文档类型

<!DOCTYPE html>                  //html5类型

4.7字符集

<meta charset="UTF-8">

utf-8 //世界全部字符集

gb2312  //简体中文

BIG5 //繁体字

GBK  //简体+繁体

4.7 HTML标签的语义化

标签语义化:标签的含义

使用语义化标签的原因

1.方便代码的阅读和维护;

2.同时让浏览器或是网络爬虫可以更好的解析,从而更好分析其中的内容;

3.使用语义化标签会具有更好的搜索引擎优化;

核心:合适的地方给一个最合适的标签

语义是否良好,当我们去掉css之后,网页的结构依然有序,并且有良好的可读性

遵循原则:先确定语义的HTML,再选合适的css

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,773评论 1 45
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,427评论 0 2
  • HMTL初识 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”...
    小青年coder阅读 2,444评论 0 1
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,530评论 0 4
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    红豆丁244阅读 445评论 0 1

友情链接更多精彩内容