HTML document, ASCII text, with very long lines (4910)
1
<!DOCTYPE html>
2
<html lang="en-us" prefix="og: https://ogp.me/ns# article: http://ogp.me/ns/article# profile: https://ogp.me/ns/profile#">
3
<head>
5
6
<meta charset="UTF-8" />
8
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
<title>Symbols - S0G</title>
10
<link rel="stylesheet" href="/src/global.css" />
11
<meta property="og:locale" content="en_US" />
12
<meta property="og:site_name" content="Steve0Greatness" />
13
<meta property="og:image" content="/OG-Image.png" />
14
15
<link rel="stylesheet" href="/src/code-blocks.css" />
16
<link rel="stylesheet" href="/src/blog.css" />
17
<link rel="alternate" href="/blog/symbols.txt" type="text/plain" title="Post source" />
18
<meta property="og:title" content="Symbols" />
19
<meta property="og:type" content="article" />
20
<meta property="article:published_time" content="2021-10-10T00:00:00Z" />
21
<meta property="article:author" content"https://steve0greatness.github.io" />
22
23
<meta property="profile:first_name" content="Steve0Greatness" />
24
<meta property="profile:username" content="Steve0Greatness" />
25
<meta property="profile:gender" content="male" />
26
<meta property="og:url" content="https://steve0greatness.github.io/blog/symbols.html" />
27
</head>
29
<body>
31
<header>
32
<h2><a href="/"><img src="/SteveLogo.webp" height="35" width="215" alt="Steve0Greatness" /></a></h2>
33
<nav>
34
<a href="/blog">Blog</a>
35
<a href="/list/link-tree.html">Link Tree</a>
36
</nav>
37
</header>
38
39
<nav aria-label="breadcrumbs" aria-roledescription="Site breadcrumb">
40
<ol class="breadcrumbs">
41
42
<li>
43
<a href="/">Index</a>
44
</li>
45
46
<li >
47
<a
48
49
href="/blog"
50
>Blog Index</a>
51
</li>
52
53
<li >
54
<a
55
aria-current="location"
56
href="/blog/symbols.html"
57
>Symbols</a>
58
</li>
59
60
61
</ol>
62
</nav>
63
<main>
64
<h1>Symbols</h1>
65
<article>
66
<header>
67
<div role="toolbar" class="toolbar">
68
<strong>Share</strong>
69
<a href="https://toot.kytta.dev/?text=Take a look at this article by @S0G@mastodon.social: https://steve0greatness.github.io/blog/symbols.html" title="Share to Mastodon">
70
<img src="/toot-kytta-dev-icon.png" width="16" height="16" aria-hidden="true" title="Share to Mastodon" />
71
</a>
72
<a href="/blog/symbols.html" title="Direct link">
73
<img src="/link-icon.png" width="16" height="16" aria-hidden="true" title="Direct link" />
74
</a>
75
<a href="/blog/symbols.txt" title="Markdown source">
76
<img src="/md-src.png" width="16" height="16" aria-hidden="true" />
77
</a>
78
</div>
79
<div class="time-stamps">
80
<time datetime="2021-10-10T00:00:00-08:00">2021 Oct 10 PST</time>
81
82
83
</div>
84
</header>
85
<p>In our lifes on the internet, we see alot of characters that we don't normally see. Like @, #, &, [], {}, \, ;, and |. But what are thier names, what are their origins, and why do they look like they do? I'm going to try and find out!<br />Let's start with what they are used for most of the time on the web.<ol><li>@ is used to mean at. It can also be used to define a username(<span style="font-weight:bold">@</span>user), or even emails(person<span style="font-weight:bold">@</span>emailprovider.topleveldomain)</li><li>The hashtag, #, is used for tagging posts to topics(<span style="font-weight:bold">#</span>NumberOneProgrammer). It is also sometimes used to define a number(<span style="font-weight:bold">#</span>1). It's also used in CSS to define IDs, and in urls to scroll down to a certain part of the page(<span style="font-weight:bold">#</span>theMan).</li><li>& is a symbol used to mean "and"(the dog <span style="font-weight:bold">&</span> the cat). It is also used in urls to be an addition to the search(?q=look%20mom%20no%hands%21<span style="font-weight:bold">&</span>images)</li><li>Square brackets([]), are used to define a list in the most widely used programming language on the web, JavaScript(<span style="font-weight:bold">[</span>"the dog", "the cat", "the bird", "the plane"<span style="font-weight:bold">]</span>). They can also be used in the middle of quotes to give context("Have a nice day!" <span style="font-weight:bold">[</span>The mayor<span style="font-weight:bold">]</span> shouted)</li><li>Curly brackets({}) are used to define a JavaScript object( {person: "Jim", car: "JavaScript car :)"} )</li><li>backslash(\) is used in markdown, and JavaScript strings, to define a character that should remain itself, such as <span style="font-weight:bold">\</span># showing up as a # instead of a heading.</li><li>Semi-collins(;) are used to define the end of a command in lots of programming languages, like JavaScript(alert("hello world")<span style="font-weight:bold">;</span>), PHP(echo "hello world"<span style="font-weight:bold">;</span>)</li><li>|, or Vertical bar, has no <em>real</em> use on the web.</li><li>~, or tilde, also, doesn't find much use</li><li>Grave accents(`) are used to define a multi-lined JavaScript string(<span style="font-weight:bold">`</span>this has<br />2 lines<span style="font-weight:bold">`</span>)</li></ol>Those are what they are, but what about their original meanings?<ol><li>The At-Sign(@) is used to mean at(they're <span style="font-weight:bold">@</span> their house), it could also be used for a price(<span style="font-weight:bold">@</span>10 pence)</li><li>#(pound-sign, hashtag, number-sign, octothorpe, sharp-sign), it's used to mean lb(10 <span style="font-weight:bold">#</span>), define numbers(<span style="font-weight:bold">#</span>10), define a tag in social media(<span style="font-weight:bold">#</span>NumberOneCoder), to define the musical notes that are sharp, or used on telephones to do... something.</li><li>Ampersands(&) are used as &, that's it(doges <span style="font-weight:bold">&</span> golden retrievers).</li><li>[Square Brackets] are used as a way to add context to the middle of a sentence, like "he ate the sausage", but we don't know who "he" is, and what kind of sausage he is eating, so it should be "<span style="font-weight:bold">[the young boy]</span> ate the <span style="font-weight:bold">[cheese filled]</span> sausage"</li><li>{Curly Brackets} don't get much use. They would be used for <span style="font-weight:bold">{</span>defining words, lines, sentences as being in a group<span style="font-weight:bold">}</span>.</li><li>|s are used to define absolute value, like <span style="font-weight:bold">|-2|</span> = 2. It can also be used as a replacement for periods, and forward slashed</li><li>The backslash doesn't get much real use in writing. In math, it is used to represent the set difference(which I won't really explain), such as a<span style="font-weight:bold">\</span>n</li><li>The Semicolon is used to seperate ideas in a sentence filled with commas, add seperation between an explaination<span style="font-weight:bold">;</span> and a seperator(,) in a list, and merge 2 sentences together without a compound(and, but, or). Such as "I am so happy for them, and I am proud" & "I am so happy; I am proud." act the same. If you'd like a better explaination, I'd suggest you to check out <a href="https://youtu.be/th-zyfvwDdI">How to use a semicolon</a> by Ted-Ed, it's a great whatch, and it's presented in an interesting and fun style.</li><li>Grave accents(`) are used in some words from other languages, but not much in English. However it can be used in songs and poems to indicate that silent letters aren't silent.</li><li>Tildes(~) can be used in a sentence to mean about, for example, <span style="font-weight:bold">~</span>10.</li></ol></p>
86
</article>
88
</main>
89
<footer>
90
<div class="footer-link-list-holder" role="group">
91
<span aria-hidden="true" id="footer-label-site-details" class="footer-link-list-label">Site Meta</span>
92
<ol class="footer-link-list" aria-labelledby="footer-label-site-details">
93
<li><a href="/list/website-sources-mirrors.html">Source Code and Mirrors</a></li>
94
<li><a href="https://steve0greatness.github.io/extras">Extras</a></li>
95
</ol>
96
</div>
97
<div class="footer-link-list-holder" role="group">
98
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
99
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
100
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
101
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
102
<li><a href="/list/link-tree.html">More...</a></li>
103
</ol>
104
</div>
105
</footer>
106
</body>
107
</html>