HTML
关注
分享
扫一扫
文章平均质量分 65
HTML专栏
MoeCodeFree
code more than ...
展开
-
CSS杂记（三）
CSS杂记（三）CSS之tableborder的样式区别<table border="1">与table css样式border: 1px solid #000;的区别<!DOCTYPE html><html lang="zh-CH"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />原创 2021-09-14 17:59:50 · 120 阅读 · 0 评论 -
HTML杂记
HTML杂记文本缩进<p style="text-indent: 2em;"> paragraph </p>del and ins（语义）<del>已删除文本</del><ins>更新后的（新增的）文本</ins>address(语义)<address>北京市东大街35号</address>用strong而不用b<strong>加粗，表强调的语义，b是物理性标签，没有语原创 2021-09-06 01:38:11 · 186 阅读 · 0 评论 -
HTML之a标签
HTML之a标签anchor标签(锚点)<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a><a href="tel:18228879562“>联系我们</a><a href="mailto:abc@cn.xxx.com">发邮件</a>href是hyper text reference的缩写，用于指定链接的资源。target规定在何处打开链接文档，_b原创 2021-09-02 15:39:23 · 508 阅读 · 0 评论 -
HTML ＜br＞ 标签的 clear 属性
HTML ＜br＞ 标签的 clear 属性<br clear="right/left/all" /> 仅支持right、left、all三个值，并且只有在左对齐或右对齐的图像或表格起作用。效果：一：不使用clear属性<img src="image.png" align="left"><br/>2021年<br/>新年快乐二：使用clear属性定义为left, 直接清除左边界<img src="image.png" align="转载 2021-09-02 14:50:58 · 915 阅读 · 0 评论 -
div中英文无法自动换行的解决办法
div中英文无法自动换行的解决办法在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。解决办法：在div的style中设定word-br转载 2021-09-02 13:03:08 · 1678 阅读 · 0 评论 -
HTML的概念与范例
HTML的概念与范例概念HTML(Hyper Text Markup Language)是指超文本标记语言，是一种基于标准通用标记语言(SGML, Standard Generalized Markup Language)的应用。它通过一系列标签，可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。超文本是一种组织信息的方式，它通过超级链接将文本中的文字、图表与其他信息媒体相关联。这些信息资源可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信原创 2021-09-01 13:04:33 · 83 阅读 · 0 评论 -
html标签的lang属性
html标签的lang属性前言做 web 无障碍相关的研究时，遇到的第一件事就是要给 <html> 设置正确的 lang 属性，这么简单的一件事，想也不用就写好了：<html lang="zh-CN">，或者直接简写成 <html lang="zh">，Bingo，可以去做其它事了。但仔细想一想，好像有些问题zh 是什么鬼？拼音？明明是国际标准怎么会用中文拼音？CN 为什么要大写？zh-CN表示中国中文，zh-SG表示新加坡中文，但都是用的简体中文，貌似没什么转载 2021-09-01 13:10:04 · 3689 阅读 · 1 评论 -
HTML5语义化
HTML5语义化什么是语义化语义化，顾名思义，就是你写的HTML结构，是用相对应的有一定语义的英文标签表示的。容易阅读以及理解代码的结构。在开发过程中，尽量使用官方推出的有语义的标签，不要再使用DIV+CSS的老一套无字面意义的标签去堆砌网页结构。为什么要语义化美化内容结构：为了在没有CSS的情况下，页面也能很好的呈现出内容结构。提升用户体验：例如title解释网页的主旨、alt解释图片的含义、label标签的活用。有利于SEO：爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立转载 2021-09-01 13:14:46 · 115 阅读 · 0 评论 -
HTML之charset
HTML之charset示例：<meta charset="UTF-8">UTF-8（万国码的一种实现方式），是针对Unicode的一种可变长度字符编码。它可以用来表示Unicode标准中的任何字符。GB2312（信息交换用汉字编码字符集）, 包含了简体中文的字符和一些非汉字图形字符。同时包含了日文平假名及片假名、拉丁字母、希腊字母、鳄鱼西里尔字母在内的全角字符。GBK（汉字编码扩展规范），涵盖了Unicode中的所有汉字(向上兼容)，在GB2312的基础上扩大了汉字收录，增加了古汉原创 2021-09-01 20:52:32 · 697 阅读 · 0 评论 -
浏览器标准模式与怪异模式-CSS1Compat and BackCompat
浏览器标准模式与怪异模式-CSS1Compat and BackCompat由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSS1compat或称为Strict mode也有叫做Standards mode)，这就是二者最简单的区别。W3C标准推出以后，浏览器都转载 2021-09-01 21:35:26 · 417 阅读 · 0 评论 -
响应式设计之 — em 与 rem
响应式设计之 — em 与 rem综合指南: 何时使用 em 与 remem和 rem都是灵活、 可扩展的单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem，它可以被浏览器翻译成 从16px到 160px 或其他任意值。最大的问题是em和 rem单位提供的这种灵活性和工作方式都很相似，所以最大的问题是，我们何时应使用em值，何时应使用 rem 值呢?主要区别em 和 rem 单位之间的区别是浏览器根据谁来转化成px值 理解这种差异是决定何时使转载 2021-09-01 22:32:09 · 728 阅读 · 0 评论 -
HTML之结构化标签
HTML之结构化标签今天主要介绍一些html5新的结构化标签h5新增加了一些新的结构化标签，其目的呢想必是为了更直观的表达这就不得不提到HTML的语义化了我所理解的语义化呢就是选用合适的标签做合适的事然后更加直观的体现页面的内容比如说你一看见 <img/>标签就应该知道这是一个放图片的标签了所以呢h5也新增加了一些语义化更好的标签好了，介绍之前呢，我找了一张图，方便大家直观的理解相信大家已经从图中应该可以了解到我今天所要介绍的这些标签了我们一个个的来看一下section表转载 2021-09-02 12:32:52 · 583 阅读 · 0 评论