La bataille de Hattin a eu lieu le 4 juillet 1187, lors des croisades. En 1187, après une série de différends, les armées ayyoubides de Saladin ont commencé à s'opposer aux États croisés, y compris le Royaume de Jérusalem. Rencontrant l'armée des Croisés à l'ouest de Tibériade le 3 juillet, Saladin s'est engagé dans une bataille en cours alors qu'il se dirigeait vers la ville. Entourés pendant la nuit, les croisés, à court d'eau, n'ont pas pu éclater. Dans le combat qui en a résulté, la majeure partie de leur armée a été détruite ou capturée. La victoire de Saladin a ouvert la voie à la reprise de Jérusalem plus tard cette année-là.
Au cours des années 1170, Saladin a commencé à étendre son pouvoir depuis l'Égypte et a travaillé à unir les États musulmans entourant la Terre Sainte. Cela a conduit le Royaume de Jérusalem à être encerclé par un ennemi unifié pour la première fois de son histoire. Attaquant l'État des Croisés en 1177, Saladin fut engagé par Baldwin IV à la bataille de Montgisard. Le combat qui en résulte a vu Baldwin, qui souffrait de lèpre, mener une charge qui a brisé le centre de Saladin et mis les Ayyubides en déroute. À la suite de la bataille, une trêve difficile a existé entre les deux parties.
Après la mort de Baldwin en 1185, son neveu Baldwin V a accédé au trône. Seul enfant, son règne s'est avéré bref puisqu'il est décédé un an plus tard. Alors que les États musulmans de la région s'unissaient, il y avait une dissension croissante à Jérusalem avec l'élévation de Guy de Lusignan au trône. Revendiquant le trône par son mariage avec Sibylla, mère du défunt roi-enfant Baldwin V, l'ascension de Guy a été soutenue par Raynald de Chatillon et les ordres militaires tels que les Templiers.
Connue sous le nom de «faction de la cour», la «faction des nobles» s'y est opposée. Ce groupe était dirigé par Raymond III de Tripoli, qui avait été le régent de Baldwin V, et qui était irrité par le déménagement. Les tensions se sont rapidement intensifiées entre les deux parties et la guerre civile a commencé alors que Raymond quittait la ville et se rendait à Tibériade. La guerre civile se profile alors que Guy envisage d'assiéger Tibériade et n'est évitée que par la médiation de Balian d'Ibelin. Malgré cela, la situation de Guy est restée précaire alors que Raynald a violé à plusieurs reprises la trêve avec Saladin en attaquant les caravanes de commerce musulmanes à Oultrejordain et en menaçant de marcher sur La Mecque..
Cela a atteint son paroxysme lorsque ses hommes ont attaqué une grande caravane voyageant au nord du Caire. Lors des combats, ses troupes ont tué de nombreux gardes, capturé les marchands et volé les marchandises. Opérant dans les limites de la trêve, Saladin a envoyé des envoyés à Guy pour demander réparation et réparation. Dépendant de Raynald pour maintenir son pouvoir, Guy, qui a reconnu qu'ils avaient raison, a été contraint de les renvoyer insatisfaits, alors qu'il savait que cela signifierait la guerre. Au nord, Raymond a choisi de conclure une paix séparée avec Saladin pour protéger ses terres.
Cet accord a échoué lorsque Saladin a demandé la permission à son fils, Al-Afdal, de diriger une force à travers les terres de Raymond. Obligé de permettre cela, Raymond a vu les hommes d'Al-Afdal entrer en Galilée et rencontrer une force croisée à Cresson le 1er mai. Dans la bataille qui s'en est suivie, la force croisée en infériorité numérique, dirigée par Gérard de Ridefort, a été effectivement détruite avec seulement trois hommes survivants. À la suite de la défaite, Raymond a quitté Tibériade et s'est rendu à Jérusalem. Appelant ses alliés à se réunir, Guy espérait frapper avant que Saladin ne puisse envahir en force.
Renonçant à son traité avec Saladin, Raymond se réconcilie pleinement avec Guy et une armée de Croisés d'environ 20 000 hommes formée près d'Acre. Cela comprenait un mélange de chevaliers et de cavalerie légère ainsi que d'environ 10 000 fantassins ainsi que des mercenaires et des arbalétriers de la flotte marchande italienne. En avançant, ils occupaient une position forte près des sources de Sephoria. Possédant une force de la taille de celle de Saladin, les croisés avaient vaincu les invasions précédentes en occupant des positions fortes avec des sources d'eau fiables tout en permettant à la chaleur de paralyser l'ennemi (Carte).
Conscient des échecs passés, Saladin a cherché à attirer l'armée de Guy loin de Sephoria afin qu'elle puisse être vaincue en bataille ouverte. Pour ce faire, il a personnellement mené une attaque contre la forteresse de Raymond à Tibériade le 2 juillet tandis que son armée principale restait à Kafr Sabt. Cela a vu ses hommes pénétrer rapidement dans la forteresse et piéger la femme de Raymond, Eschiva, dans la citadelle. Cette nuit-là, les chefs des Croisés ont tenu un conseil de guerre pour déterminer leur ligne de conduite. Alors que la majorité était pour faire pression sur Tibériade, Raymond a plaidé pour rester dans la position de Sephoria, même si cela signifiait perdre sa forteresse.
Bien que les détails précis de cette réunion ne soient pas connus, on pense que Gérard et Raynald ont vigoureusement plaidé pour une avance et indiqué que la suggestion de Raymond selon laquelle ils maintiennent leur position était lâche. Guy a choisi de continuer le matin. Sortant le 3 juillet, l'avant-garde était dirigée par Raymond, l'armée principale par Guy et l'arrière-garde par Balian, Raynald et les ordres militaires. Se déplaçant lentement et sous le harcèlement constant de la cavalerie de Saladin, ils atteignirent les sources de Turan (six milles plus loin) vers midi. Se concentrant autour de la source, les croisés prirent avec impatience de l'eau.
Bien que Tibériade soit encore à neuf miles de distance, sans eau fiable en route, Guy a insisté pour continuer cet après-midi. Sous les attaques croissantes des hommes de Saladin, les croisés ont atteint une plaine par les collines jumelles des cornes de Hattin en milieu d'après-midi. Avançant avec son corps principal, Saladin a commencé à attaquer en force et a ordonné aux ailes de son armée de balayer les croisés. Attaquant, ils ont entouré les hommes assoiffés de Guy et ont coupé leur ligne de retraite vers les sources de Turan.
Réalisant qu'il serait difficile d'atteindre Tibériade, les croisés ont décalé leur ligne d'avance pour tenter d'atteindre les sources de Hattin qui étaient à environ six milles de distance. Sous une pression croissante, l'arrière-garde des Croisés a été forcée de s'arrêter et de livrer bataille près du village de Meskana, arrêtant ainsi l'avancée de l'armée. Bien que conseillé de se battre pour atteindre l'eau, Guy a choisi de stopper l'avance pour la nuit. Entouré par l'ennemi, le camp des Croisés possédait un puits mais il était sec.
Tout au long de la nuit, les hommes de Saladin ont nargué les croisés et incendié l'herbe sèche de la plaine. Le lendemain matin, l'armée de Guy s'est réveillée sous une fumée aveuglante. Cela provenait des incendies allumés par les hommes de Saladin pour filtrer leurs actions et augmenter la misère des croisés. Avec ses hommes affaiblis et assoiffés, Guy a cassé le camp et a ordonné une avance vers les sources de Hattin. Malgré un nombre suffisant pour franchir les lignes musulmanes, la fatigue et la soif affaiblirent gravement la cohésion de l'armée des Croisés. Avançant, les croisés ont été efficacement contre-attaqués par Saladin.