HTML

HTML yw'r acronym ar gyfer Iaith Marcio Hypertestun

Yr iaith farcio safonol ar gyfer dogfennau y bwriedir eu harddangos mewn porwr gwe. Gellir ei gynorthwyo gan dechnolegau megis Cascading Style Sheets (CSS) ac ieithoedd sgriptio fel JavaScript.

HTML 1.0: Fe'i cenhedlwyd gyntaf gan Tim Berners-Lee yn 1990 yn CERN, roedd y fersiwn gychwynnol o HTML yn fformat syml, heb nodweddion a galluoedd fersiynau diweddarach. Fe'i cynlluniwyd yn bennaf i ganiatáu i wyddonwyr rannu dogfennau ac ymchwil.

<!-- A simple HTML 1.0 document -->
<html>
<head>
    <title>My First HTML Document</title>
</head>
<body>
    <h1>Hello World!</h1>
    <p>This is a paragraph.</p>
    <a href="https://www.example.com">Visit Example</a>
</body>
</html>

HTML 2.0: Wedi'i ryddhau ym 1995, dyma'r fanyleb HTML gyntaf a safonwyd gan y IETF (Tasglu Peirianneg Rhyngrwyd). Cyflwynodd y fersiwn hon fwy o elfennau a phriodoleddau, gan osod y sylfaen ar gyfer datblygu gwe modern.

<!-- A basic HTML 2.0 document with a form -->
<html>
<head>
    <title>Form Example</title>
</head>
<body>
    <h1>Contact Us</h1>
    <form action="#" method="post">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name"><br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email"><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

HTML 3.2: Cyflwynwyd yn 1997 gan y W3C (Consortiwm Gwe Fyd Eang), daeth â gwelliannau sylweddol, gan gynnwys tablau, rhaglennig, llif testun o amgylch delweddau, a mwy. Roedd y fersiwn hwn yn nodi symudiad tuag at gynnwys gwe cyfoethocach.

<!-- A HTML 3.2 document with a table -->
<html>
<head>
    <title>Table Example</title>
</head>
<body>
    <table border="1">
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
        </tr>
        <tr>
            <td>John</td>
            <td>Doe</td>
        </tr>
    </table>
</body>
</html>

HTML 4.01: Wedi'i ryddhau ym 1999, bu'n mireinio'r iaith ymhellach ac yn cyflwyno nodweddion a oedd yn pwysleisio gwahanu cynnwys oddi wrth gyflwyniad, gan annog y defnydd o CSS ar gyfer gosodiad a steilio.

<!-- HTML 4.01 document with CSS -->
<html>
<head>
    <title>CSS Example</title>
    <style>
        body { font-family: Arial, sans-serif; }
        h1 { color: blue; }
    </style>
</head>
<body>
    <h1>Styling with CSS</h1>
    <p>This is a paragraph styled with CSS.</p>
</body>
</html>

XHTML: Amrywiad o HTML wedi'i ysgrifennu fel XML, i'r amlwg yn 2000. Roedd yn fwy llym mewn cystrawen ac fe'i cynlluniwyd i sicrhau cod glanach, mwy rhyngweithredol. Fodd bynnag, roedd yn wynebu heriau oherwydd ei faterion llymder a chydnawsedd.

<!-- An XHTML document -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="1www.w3.org/1999/xhtml">
<head>
    <title>XHTML Example</title>
</head>
<body>
    <h1>XHTML Compliance</h1>
    <p>This is a compliant XHTML document.</p>
</body>
</html>

HTML5: Wedi'i gwblhau'n swyddogol yn 2014, mae'n cynrychioli cam mawr ymlaen yn esblygiad HTML. Cyflwynodd elfennau newydd a APIs ar gyfer cymwysiadau gwe cymhleth, cefnogaeth amlgyfrwng (elfennau fideo a sain), ac elfennau semantig newydd fel <article>, <section>, a <nav>, gwneud y we yn fwy hygyrch a rhyngweithiol.

<!-- A HTML5 document with semantic elements and multimedia -->
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Example</title>
</head>
<body>
    <header>
        <h1>HTML5 Features</h1>
    </header>
    <section>
        <h2>Semantic Elements</h2>
        <p>HTML5 introduced elements like <code>&lt;article&gt;</code>, <code>&lt;section&gt;</code>, and <code>&lt;nav&gt;</code>.</p>
    </section>
    <article>
        <h2>Multimedia</h2>
        <video controls>
            <source src="movie.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </article>
    <footer>
        <p>Footer content here.</p>
    </footer>
</body>
</html>

Nodweddion Allweddol a Datblygiadau yn HTML5

Elfennau Semantig: Darparu gwell strwythur dogfen a chymorth gyda SEO a hygyrchedd.
Elfennau Amlgyfrwng: Mae cymorth sain a fideo brodorol yn gwella galluoedd amlgyfrwng y we yn sylweddol heb fod angen ategion trydydd parti.
cynfas a SVG: Hwyluso graffeg lluniadu ar y we, gan ganiatáu ar gyfer cynnwys mwy rhyngweithiol a deinamig.
Geoleoliad, Llusgo-a-Gollwng, a Storio Lleol: APIs am brofiad defnyddiwr cyfoethocach, mwy rhyngweithiol.
Gweithwyr Gwe: Caniatáu i edafedd cefndir redeg sgriptiau heb effeithio ar berfformiad y dudalen we.

Effaith ar Ddatblygiad Gwe

Mae esblygiad HTML wedi adlewyrchu twf y rhyngrwyd ei hun, gan drosglwyddo o rannu dogfennau syml i gymwysiadau gwe cymhleth, rhyngweithiol. Mae pob fersiwn wedi dod â galluoedd newydd, gan wneud y we yn fwy hygyrch, rhyngweithiol a swyddogaethol. Mae HTML5, yn arbennig, wedi bod yn newidiwr gêm, gan wthio ffiniau'r hyn y gellir ei gyflawni o fewn porwr.

Mae deall HTML a'i ddatblygiad dros amser yn hollbwysig. Mae'n effeithio ar sut mae cynnwys yn cael ei greu a'i reoli ac yn dylanwadu ar ddylunio gwe, profiad defnyddwyr, a strategaethau ymgysylltu â chwsmeriaid. Mae'r datblygiadau mewn HTML wedi hwyluso creu gwefannau mwy deinamig a rhyngweithiol, gan alluogi marchnatwyr i ymgysylltu'n well â'u cynulleidfaoedd trwy gyfryngau cyfoethog, nodweddion rhyngweithiol, a phrofiadau gwe mwy personol.

Mae HTML yn sefyll fel asgwrn cefn y we, yn dyst i esblygiad cyfathrebu a rhyngweithio digidol. O'i ddechreuadau diymhongar i'r llwyfan cynhwysfawr y mae HTML5 yn ei gynrychioli, mae wedi esblygu'n barhaus i fodloni gofynion cynyddol yr oes ddigidol. I unrhyw un sy'n ymwneud â datblygu gwe, marchnata digidol, neu greu cynnwys, mae deall hanes a galluoedd HTML yn hanfodol ar gyfer trosoledd llawn potensial y we.