HTML简介
作者:
白小九 | 来源:发表于
2017-11-28 13:58 被阅读0次
一、定义
HTML
- Hyper Text Markup Language，超文本标记语言；
- 使用标签来描述网页。
DHTML
- Dynamic HTML，动态HTML；
- 是一种营销术语，一种技术组合物；
- DHTML = HTML + CSS + JS + DOM。
XHTML
二、标签、元素与属性
标签、元素与属性.png
HTML标签（tag）
- 是由
<和>包围的关键词；
- 开始标签（opening tag）与结束标签（closing tag）总是成对出现，如
<p></p>；
- 不区分大小写，但建议用小写。
HTML元素（element）
- 与HTML标签差不多，但严格来讲，元素包含开始标签和结束标签；
- 元素的内容（content）是开始标签和结束标签之间的内容；
- 空元素（empty element 或 void element）的元素内容为空，自闭合，如
<br />；
- 可嵌套，如
<ul><li></li></ul>。
HTML属性（attribute）
- 以名称/值对的形式出现（
name="value"）；
- 值必须包含在引号中，单引号、双引号皆可，但不能混用；
- 核心属性：
id、class、style、title。
- 不区分大小写，但建议用小写。
语义化
- 在合适的情况下使用正确的标签，比如标题用
<h1>~<h6>标签表示。
- 好处：SEO（易被搜索引擎收录），可访问性（易被屏幕阅读器读出），代码可读性。
参考：HTML元素，HTML属性。
HTML常用标签分类.jpg
三、注释、字符实体与空白符
注释
字符实体
- 某些特殊字符需要使用字符实体来表示，以防被浏览器当成标签。
- 表示方式：
&实体名或&#实体编码。
-
常用字符实体：
| 字符 |
实体名（大小写敏感） |
实体编码 |
描述 |
|
|
  |
空格 |
" |
" |
" |
双引号 |
' |
'（IE不支持） |
' |
单引号 |
& |
& |
& |
和 |
< |
< |
< |
小于 |
> |
> |
> |
大于 |
© |
© |
© |
版权 |
空白符
| 实体名 |
实体编码 |
描述 |
宽度 |
|
  |
不间断空格，敲击space键产生的空格 |
1个英文字符 |
  |
  |
全角空格 |
1个中文，基本不受字体影响 |
  |
  |
半角空格 |
em/2，基本不受字体影响 |
  |
  |
窄空格 |
小于1个英文字符，大约是em/6 |
‌ |
‌ |
零宽不连字，放在字符中间防止连字，不打印 |
0 |
‍ |
‍ |
零宽连字，放在字符中间使其连字，不打印 |
0 |
四、文档结构
<!DOCTYPE html>声明
<html>根元素
<head>头部</head>
<body>主体</body>
</html>
本文标题：HTML简介
本文链接：https://www.haomeiwen.com/subject/sntjbxtx.html
网友评论